* {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes banner {
  50% {
  transform:translateY(-20px)
  }
  }
  
  @keyframes up {
  0% {
  width:0
  }
  
  100% {
  width:0;
  opacity:0
  }
  
  15% {
  width:100%
  }
  
  85% {
  opacity:1
  }
  
  90% {
  width:100%;
  opacity:0
  }
  }
  
  @keyframes borderanimate2 {
  0% {
  transform:translate(-50%,-50%) scale(0.8)
  }
  
  100% {
  transform:translate(-50%,-50%) scale(2.5);
  opacity:0
  }
  
  60% {
  opacity:1
  }
  }
  
  .banner {
  background:url(../assets/image/others/banner/Hero.jpg) no-repeat center/cover;
  padding-top:210px;
  padding-bottom:75px
  }
  
  .banner-btn {
  margin-top:46px
  }
  
  .banner-btn-item {
  display:flex;
  gap:36px
  }
  
  .banner-btn-item .banner-btn-left {
  line-height:0
  }
  
  .banner-btn-right {
  display:flex;
  align-items:center;
  gap:20px
  }
  
  .banner-btn-right .vidio a {
  position:relative;
  z-index:1
  }
  
  .banner-btn-right .vidio a i {
  height:60px;
  width:60px;
  border-radius:50px;
  text-align:center;
  line-height:60px;
  font-size:20px;
  color:#2662FA;
  border:1.5px solid #2662faa9;
  background-color:#F4F8FA
  }
  
  .banner-btn-right .vidio a::after {
  position:absolute;
  content:"";
  top:24%;
  left:50%;
  height:45px;
  width:45px;
  background-color:#3b82f680;
  animation:borderanimate3 2s linear infinite;
  z-index:-1;
  border-radius:50px;
  transition:all linear .3s
  }
  
  .banner-text {
  position:relative;
  z-index:1
  }
  
  .banner-text h1 {
  font-weight:700;
  font-size:65px;
  color:#04091E;
  margin-bottom:0;
  line-height:92px;
  letter-spacing:-.01em
  }
  
  .banner-text p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#747681;
  padding-top:14px;
  margin-right:50px
  }
  
  .banner-vic {
  position:absolute;
  bottom:106px;
  left:0;
  z-index:-1
  }
  
  .banner-vic-1 {
  position:absolute;
  bottom:-144px;
  left:-211px;
  animation:banner 7s linear infinite
  }
  
  .text p {
  font-weight:500;
  font-size:15px;
  color:#747681
  }
  
  .text span {
  font-weight:500;
  font-size:15px;
  color:#04091E;
  letter-spacing:3px
  }
  
  @keyframes borderanimate3 {
  0% {
  transform:translate(-50%,-50%) scale(0.8)
  }
  
  100% {
  transform:translate(-50%,-50%) scale(2.5);
  opacity:0
  }
  
  60% {
  opacity:1
  }
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .banner-lawyer {
  background:url(../assets/image/others/banner/lawyer-b.png) no-repeat center/cover;
  padding:258px 0 75px
  }
  
  .banner-lawyer .banner-lawyer-btn {
  line-height:0;
  margin-top:44px
  }
  
  .banner-lawyer .banner-lawyer-btn .btn-style-3 {
  width:227px
  }
  
  .banner-lawyer .banner-lawyer-img img {
  width:587px;
  height:648px
  }
  
  .banner-lawyer .banner-lawyer-text h1 {
  position:relative;
  z-index:1;
  color:#fff;
  font-weight:700;
  font-size:60px;
  line-height:140%
  }
  
  .banner-lawyer .banner-lawyer-text h1::before {
  position:absolute;
  content:"";
  top:51px;
  left:274px;
  width:256px;
  height:11px;
  background-image:url(../assets/image/others/victor/Line.png);
  z-index:-1;
  opacity:1
  }
  
  .banner-lawyer .banner-lawyer-text p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F4F8F7;
  padding:0 20px 0 50px;
  position:relative;
  margin-top:24px
  }
  
  .banner-lawyer .banner-lawyer-text p::before {
  position:absolute;
  content:"";
  top:21%;
  left:6px;
  width:3px;
  height:41px;
  background-color:#C4C4C4
  }
  
  .banner-lawyer .lawyer {
  padding:0;
  padding-left:30px
  }
  
  .banner-three {
  background:url(../assets/image/others/banner/banner-three-bg.png) no-repeat center/cover;
  padding-bottom:60px;
  padding-top:187px
  }
  
  .banner-three .banner-btn-right {
  display:flex;
  align-items:center;
  gap:20px
  }
  
  .banner-three .banner-btn-right .vidio a i {
  height:60px;
  width:60px;
  border-radius:50px;
  text-align:center;
  line-height:60px;
  font-size:20px;
  color:#DAED1A;
  background-color:#050F25;
  position:relative;
  z-index:1;
  border:1.5px solid #daed1a80
  }
  
  .banner-three .banner-btn-right .vidio a::after {
  position:absolute;
  content:"";
  top:2px;
  left:50%;
  height:45px;
  width:45px;
  background-color:#daed1a80;
  animation:borderanimate3 2s linear infinite;
  z-index:-1;
  border-radius:50px;
  transition:all linear .3s
  }
  
  .banner-three .banner-btn-text h4 {
  font-weight:500;
  font-size:20px;
  line-height:160%
  }
  
  .banner-three .banner-btn-text h4 span {
  color:#DAED1A
  }
  
  .banner-three .banner-text h1 {
  position:relative;
  z-index:1;
  color:#fff;
  letter-spacing:-.01em
  }
  
  .banner-three .banner-text h1::before {
  position:absolute;
  content:"";
  top:243px;
  left:3px;
  width:450px;
  height:6%;
  background-image:url(../assets/image/others/victor/banner-vic.png);
  z-index:-1;
  opacity:1;
  border-radius:10px
  }
  
  .banner-three .banner-text p {
  color:#F4F4F4
  }
  
  .banner-three .text span {
  color:#fff
  }
  
  .banner-two {
  background:url(../assets/image/others/banner/banner-bg-two.png) no-repeat center/cover;
  padding:180px 0 193px
  }
  
  .banner-two .banner-btn-text {
  margin-top:60px
  }
  
  .banner-two .banner-btn-text h4 {
  font-size:20px;
  font-weight:400;
  line-height:32px;
  color:#747681
  }
  
  .banner-two .banner-btn-text h4 span {
  font-weight:600;
  font-size:32px;
  color:#47D990
  }
  
  .banner-two .banner-text h1 {
  position:relative;
  z-index:1
  }
  
  .banner-two .banner-text h1 .heading-inner-text {
  display:block
  }
  
  .banner-two .banner-text h1::before {
  position:absolute;
  content:"";
  top:239px;
  left:0;
  width:451px;
  height:6%;
  background-image:url(../assets/image/others/victor/banner-vic-two.png);
  z-index:-1;
  opacity:.66
  }
  
  .hero {
  background:url(../assets/image/hero-bg-min.png) no-repeat center/cover;
  min-height:950px;
  display:flex;
  align-items:center
  }
  
  .hero .hero-content {
  padding:100px 0 0;
  position:relative;
  z-index:1
  }
  
  .hero .hero-content .hero-btn {
  display:flex;
  justify-content:space-between;
  background-color:#f5f5f5;
  padding:10px 10px 10px 20px;
  border-radius:8px
  }
  
  .hero .hero-content .hero-btn .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04;
  transition:all .5s
  }
  
  .hero .hero-content .hero-btn .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .hero .hero-content .hero-btn input {
  border:none;
  background-color:#f5f5f5;
  outline:none;
  font-family:inherit;
  font-size:16px;
  width:60%
  }
  
  .hero .hero-content .hero-btn-1 {
  line-height:0;
  margin-top:24px
  }
  
  .hero .hero-content .hero-btn-1 .btn-style-4 {
  width:227px
  }
  
  .hero .hero-content .hero-content-imgg {
  position:absolute;
  top:360px;
  left:-140px;
  animation:banner 4s linear infinite
  }
  
  .hero .hero-content .hero-testimonial-img {
  margin:40px 0 0
  }
  
  .hero .hero-content .hero-victor-img {
  position:absolute;
  top:326px;
  left:-8px;
  z-index:-1
  }
  
  .hero .hero-content h1 {
  font-weight:700;
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  .hero .hero-content p {
  padding:20px 0;
  font-size:24px;
  line-height:36px;
  color:#f5f5f5
  }
  
  .hero .hero-content p span {
  display:block
  }
  
  .hero .hero-img {
  width:550.01px;
  height:786px
  }
  
  .hero .hero-img .chart {
  top:281px;
  z-index:1;
  left:-16px
  }
  
  .hero .hero-img .congratulation {
  right:-130px;
  top:241px;
  z-index:1
  }
  
  .hero .hero-img .hero-inner-img {
  position:absolute;
  width:100%;
  height:100%;
  top:80px;
  right:-95px
  }
  
  .hero .hero-img .students {
  right:-170px;
  bottom:0;
  z-index:1
  }
  
  .lawyer {
  background:url(../assets/image/lawyer/hero-bg.png) no-repeat center/cover
  }
  
  .lawyer .hero-content .hero-nav {
  background-color:#ff3f00;
  border:1px solid #ff3f00;
  margin-top:54px
  }
  
  .lawyer .hero-content .hero-nav a {
  color:#fff
  }
  
  .lawyer .hero-content .hero-nav a i {
  margin-left:8px
  }
  
  .lawyer .hero-content .hero-tittle {
  position:relative;
  z-index:1
  }
  
  .lawyer .hero-content .hero-tittle .hero-tittle-img {
  position:absolute;
  top:54px;
  left:253px;
  z-index:-1
  }
  
  .lawyer .hero-content .hero-tittle p {
  padding:20px 0;
  font-size:22px;
  line-height:32px;
  font-weight:400;
  color:#f5f5f5
  }
  
  .lawyer .hero-content h1 {
  font-size:58px
  }
  
  .lawyer .hero-gap {
  margin:0;
  padding:0
  }
  
  .lawyer .hero-img {
  width:587px;
  height:648px
  }
  
  .lawyer .hero-img .hero-inner-img {
  position:absolute;
  top:96px;
  left:-70px;
  width:100%;
  height:100%
  }
  
  .photographer {
  background:url(../assets/image/Photographer/photographer-bg.png) no-repeat center/cover
  }
  
  .photographer .hero-content {
  padding:100px 0 0;
  position:relative;
  z-index:1
  }
  
  .photographer .hero-content .hero-achievement .hero-achievement-img img {
  margin-right:16px
  }
  
  .photographer .hero-content .hero-achievement p {
  font-size:20px;
  font-weight:600;
  line-height:32px;
  color:#47d990
  }
  
  .photographer .hero-content .hero-tittle p {
  padding:20px 0;
  font-size:24px;
  line-height:36px;
  color:#f5f5f5
  }
  
  .photographer .hero-content .hero-vic {
  position:absolute;
  top:157px;
  left:-10px;
  z-index:-1
  }
  
  .photographer .hero-img {
  width:770px;
  height:757px
  }
  
  .photographer .hero-img .hero-inner-img {
  position:absolute;
  width:100%;
  height:100%;
  top:96px;
  left:-250px
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .signature {
  margin-top:65px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
  /* .Product-item .Product-text p::before {
  position:absolute;
  content:"";
  top:10px;
  left:-20px;
  width:14px;
  height:14px;
  background-color:#DAED1A;
  border-radius:50px;
  z-index:-1
  } */
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .Projec-too {
  background:url(../assets/image/others/banner/projecr-bg-2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1;
  background-color:transparent
  }
  
  .Project {
  background:url(../assets/image/Develop_2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1
  }
  
  .Project-btn {
  margin-top:45px;
  line-height:0
  }
  
  .Project-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:128%;
  color:#04091E
  }
  
  .Project-head p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:18px
  }
  
  .Project-head-middel {
  margin-top:18px
  }
  
  .Project-head-middel .Project-head-middel-item {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:15px
  }
  
  .Project-head-middel .Project-head-middel-item .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .Project-head-middel .Project-head-middel-item .text ul {
  margin:0;
  padding:0
  }
  
  .Project-head-middel .Project-head-middel-item .text ul li {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .Project-head-middel .Project-head-middel-item:last-child {
  padding-bottom:0
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-right-item {
  padding:0 33px 24px;
  background-color:#F2F6FE;
  border:1px solid #F4F4F4;
  border-radius:4px;
  transition:background-color .5s ease;
  z-index:222;
  margin:0 10px
  }
  
  .Project-right-item .Project-right-icon {
  display:flex;
  justify-content:center
  }
  
  .Project-right-item .Project-right-icon .icon {
  width:80px;
  height:80px;
  background-color:#2662FA;
  border-radius:50px;
  text-align:center;
  line-height:80px;
  margin-top:-35px;
  transition:.5s;
  border:1px solid #2662FA
  }
  
  .Project-right-item-text h3 {
  text-align:center;
  font-weight:600;
  font-size:40px;
  color:#04091E;
  padding-top:30px;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item-text p {
  text-align:center;
  font-weight:400;
  font-size:18px;
  text-transform:capitalize;
  color:#747681;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item:hover {
  background-color:#2662FA
  }
  
  .Project-right-item:hover .Project-right-icon .icon {
  border:1px solid #fff
  }
  
  .Project-right-item:hover .Project-right-item-text h3 {
  color:#fff
  }
  
  .Project-right-item:hover .Project-right-item-text p {
  color:#fff
  }
  
  .Project-right-top {
  margin-top:50px
  }
  
  .Project-two-three {
  background-color:#F7F7FD;
  z-index:1;
  position:absolute;
  width:100%
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .accordion-body {
  padding:0 0 28px 50px
  }
  
  .accordion-body a {
  padding-top:10px;
  font-weight:400;
  font-size:18px;
  color:#2662FA;
  display:flex;
  align-items:center;
  gap:30px
  }
  
  .accordion-body p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .accordion-button {
  font-family:"Roboto",sans-serif,sans-serif;
  padding:13px 0 12px;
  font-weight:500;
  font-size:24px;
  color:#04091E;
  background-color:#fff
  }
  
  .accordion-button span {
  width:32px;
  height:32px;
  color:#04091E;
  text-align:center;
  line-height:32px;
  border-radius:50px;
  font-weight:500;
  font-size:18px;
  margin-right:20px
  }
  
  .accordion-button::after {
  width:13px;
  height:7px;
  background-image:url(../assets/image/others/icon/after-icon.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center
  }
  
  .accordion-button:focus {
  z-index:3;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .accordion-button:not(.collapsed) {
  color:#04091E;
  background-color:transparent;
  box-shadow:inset 0 -1px 0 transparent
  }
  
  .accordion-button:not(.collapsed) span {
  width:32px;
  height:32px;
  color:#fff;
  text-align:center;
  line-height:32px;
  border-radius:50px;
  background-color:#04091E
  }
  
  .accordion-button:not(.collapsed)::after {
  background-image:url(../assets/image/others/icon/after-icon.png);
  transform:rotate(-180deg)
  }
  
  .accordion-flush .accordion-collapse {
  border-bottom:2px solid #04091E
  }
  
  .accordion-flush .accordion-item .accordion-button {
  border-radius:0
  }
  
  .accordion-flush .accordion-item:last-child {
  border-bottom:1px solid #74768165
  }
  
  .accordion-form {
  padding:0 0 120px
  }
  
  .accordion-form .accordion-flush .accordion-item {
  border-bottom:1px solid #74768158
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body {
  padding:0 52px 26px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body a {
  text-decoration:underline;
  font-weight:400
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body a i {
  margin-left:30px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body p {
  padding-bottom:9px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button {
  padding:25px 0
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button span {
  width:36px;
  height:35px;
  color:#04091e;
  display:flex;
  font-size:18px;
  line-height:35px;
  font-weight:500;
  align-items:center;
  justify-content:center;
  border-radius:100%;
  margin-right:20px;
  transition:all .4s
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:focus {
  border:transparent;
  box-shadow:none;
  outline:none
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:not(.collapsed) {
  background-color:transparent
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:not(.collapsed) span {
  background:#04091e;
  color:#fff
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-collapse {
  border-bottom:2px solid #04091e
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-collapse:last-of-type {
  border-radius:0
  }
  
  .accordion-form .accordion-flush .accordion-item h3 {
  color:#04091e
  }
  
  .accordion-form .accordion-tittle {
  z-index:1;
  padding-bottom:15px
  }
  
  .accordion-form .accordion-tittle .accordion-tittle-img {
  z-index:-1;
  top:-2px;
  right:45px
  }
  
  .accordion-form .accordion-tittle span {
  display:block
  }
  
  .accordion-form .form {
  background:url(../assets/image/form-bg.png) no-repeat center/cover;
  padding:52px 32px 67px
  }
  
  .accordion-form .form .form-btn {
  margin-top:35px
  }
  
  .accordion-form .form .form-control {
  padding:14px 16px;
  font-size:14px;
  border:transparent;
  text-decoration:inherit
  }
  
  .accordion-form .form .form-control:focus {
  border-color:transparent;
  box-shadow:none;
  border:transparent
  }
  
  .accordion-item {
  background-color:#fff;
  border-bottom:1px solid #74768165
  }
  
  .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog {
  background:url(../assets/image/others/banner/Bolg.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .blog .blog-head {
  position:relative;
  z-index:1
  }
  
  .blog .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .blog .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px
  }
  
  .blog .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog .blog-item .blog-inner .blog-inner-btn a {
  padding:5px 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:14px;
  line-height:152%;
  color:#747681
  }
  
  .blog .blog-item .blog-inner .blog-inner-text {
  padding-top:7px
  }
  
  .blog .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .blog .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog .blog-p {
  padding:0 15px
  }
  
  .blog .blog-top {
  margin-top:55px
  }
  
  .blog .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .blog .slick-active button {
  background:#2662FA!important
  }
  
  .blog .slick-dots button {
  background:#2662FA
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .blog-three {
  background:transparent;
  padding:105px 0 120px;
  background-color:#050F25
  }
  
  .blog-three .blog-head {
  position:relative;
  z-index:1
  }
  
  .blog-three .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  text-align:center;
  padding:0 320px
  }
  
  .blog-three .blog-item {
  padding:20px;
  background-color:#091530;
  border-radius:4px
  }
  
  .blog-three .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog-three .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog-three .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog-three .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-btn a {
  padding:5px 15px;
  display:inline-block;
  background-color:#ffffff0d;
  border-radius:6px;
  font-weight:400;
  font-size:14px;
  line-height:152%;
  color:#fff
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-text {
  padding-top:7px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#fff;
  transition:all linear .5s
  }
  
  .blog-three .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog-three .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog-three .blog-p {
  padding:0 15px
  }
  
  .blog-three .blog-top {
  margin-top:40px
  }
  
  .blog-three .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .blog-three .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .blog-three .slick-dots li.slick-active button {
  background-color:#DAED1A!important;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .blog-two {
  margin-top:-258px
  }
  
  .blog-two .blog-head {
  margin-top:257px;
  position:relative;
  z-index:1
  }
  
  .blog-two .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .blog-two .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px
  }
  
  .blog-two .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog-two .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog-two .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog-two .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-btn a {
  padding:0 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .blog-two .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog-two .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog-two .blog-p {
  padding:0 15px
  }
  
  .blog-two .blog-top {
  margin-top:55px
  }
  
  .blog-two .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .form-control {
  display:block;
  width:100%;
  padding:14px 16px;
  font-weight:400;
  font-size:14px;
  font-family:"Roboto",sans-serif,sans-serif;
  border:1px solid #F4F4F4;
  border-radius:8px
  }
  
  .form-control:focus {
  color:#212529;
  background-color:#fff;
  border-color:#2662FA;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .form-label {
  margin-bottom:2px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#747681;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-form {
  padding:120px 0!important;
  background:url(../assets/image/lawyer/form-bg.png) no-repeat center/cover
  }
  
  .lawyer-form .contact-form {
  background-color:#04091ece;
  padding:48px;
  border-radius:15px
  }
  
  .lawyer-form .contact-form .exampleFormControlInput1 {
  font-family:"Roboto",sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  background-color:#FFF;
  border-style:solid;
  border-width:1px;
  border-color:#373F51;
  box-shadow:0 0 10px 0 #0000
  }
  
  .lawyer-form .contact-form .form-control {
  color:#04091E;
  height:55px;
  width:100%;
  border-radius:4px 4px 4px 4px;
  padding:0 10px 0 16px;
  margin:10px 0;
  transition:.3s;
  font-weight:500
  }
  
  .lawyer-form .contact-form .form-control:focus {
  border-color:#ff3f00;
  box-shadow:none
  }
  
  .lawyer-form .contact-form .from-iinner-btn {
  line-height:0;
  margin-top:30px
  }
  
  .lawyer-form .contact-form .from-iinner-btn .btn-style-4 {
  width:210px
  }
  
  .lawyer-form .contact-form .from-iinner-btn a {
  background:#ff3f00;
  border-color:#ff3f00;
  color:#fff
  }
  
  .lawyer-form .contact-form .from-iinner-btn a i {
  margin-left:10px
  }
  
  .lawyer-form .contact-form .from-iitem {
  display:flex;
  gap:30px
  }
  
  .lawyer-form .contact-form .from-iitem .from-iinner {
  width:100%
  }
  
  .lawyer-form .contact-form .from-iitem .mb-3 .form-control {
  height:100%;
  padding:10px 10px 0 16px
  }
  
  .lawyer-form .contact-form ::-moz-placeholder {
  color:#747681
  }
  
  .lawyer-form .contact-form ::placeholder {
  color:#747681
  }
  
  .lawyer-form .contact-form input {
  margin-bottom:25px
  }
  
  .lawyer-form .hire-content h2 {
  color:#fff;
  padding:8px 0 20px
  }
  
  .lawyer-form .hire-content h2 span {
  display:block
  }
  
  .lawyer-form .hire-content p {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-form .hire-content p:last-child {
  color:#f4f4f4
  }
  
  .lawyer-news {
  background:#f6f9ff;
  padding:110px 0 120px
  }
  
  .lawyer-news .news-section {
  padding:20px 20px 23px;
  margin-right:10px;
  background:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #acacad0a;
  border:1px solid #9a979715
  }
  
  .lawyer-news .news-section .news-content .news-blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .lawyer-news .news-section .news-content .news-btn {
  margin:24px 0 16px
  }
  
  .lawyer-news .news-section .news-content .news-btn a {
  color:#747681;
  font-weight:400;
  padding:8px;
  background:#f4f4f4;
  margin-right:8px;
  border-radius:10px;
  font-weight:400;
  font-size:18px
  }
  
  .lawyer-news .news-section .news-content .news-text h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-news .news-section .news-img {
  overflow:hidden
  }
  
  .lawyer-news .news-section .news-img img {
  width:100%;
  transition:all .5s
  }
  
  .lawyer-news .news-section:hover h3 {
  text-decoration:underline
  }
  
  .lawyer-news .news-section:hover img {
  transform:scale(1.1)
  }
  
  .lawyer-news .news-tittle h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-news .news-tittle span {
  display:block;
  z-index:1
  }
  
  .lawyer-news .row {
  padding:38px 0 0
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .martop {
  margin-top:72px
  }
  
  .mb-3 {
  margin-bottom:0!important;
  width:100%
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .news {
  background:url(../assets/image/news-bg-min.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .news .news-section {
  padding:20px 20px 23px;
  margin-right:30px;
  background:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #acacad0a;
  border:1px solid #9a979715
  }
  
  .news .news-section .news-content .news-blog-btn a {
  font-weight:400;
  color:#747681;
  font-weight:400;
  font-size:18px
  }
  
  .news .news-section .news-content .news-btn {
  margin:24px 0 16px
  }
  
  .news .news-section .news-content .news-btn a {
  color:#747681;
  font-weight:400;
  padding:8px;
  background:#f4f4f4;
  margin-right:8px;
  border-radius:10px;
  font-weight:400;
  font-size:18px
  }
  
  .news .news-section .news-content .news-text h3 {
  color:#04091e;
  font-weight:600
  }
  
  .news .news-section .news-img {
  overflow:hidden
  }
  
  .news .news-section .news-img img {
  width:100%;
  transition:all .5s
  }
  
  .news .news-section:hover h3 {
  text-decoration:underline
  }
  
  .news .news-section:hover img {
  transform:scale(1.1)
  }
  
  .news .news-tittle {
  position:relative;
  z-index:1
  }
  
  .news .news-tittle .news-tittle-img {
  position:absolute;
  right:0;
  top:77px;
  left:95px;
  z-index:-1
  }
  
  .news .news-tittle span {
  display:block
  }
  
  .news .row {
  padding:50px 0 0
  }
  
  .news li.slick-active button {
  background-color:#FDCC04;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-r {
  padding-right:35px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-form {
  padding:120px 0;
  background:url(../assets/image/Photographer/form.png) no-repeat center/cover
  }
  
  .photographer-form .contact-form .form-btn {
  margin-top:30px;
  line-height:0
  }
  
  .photographer-form .contact-form .form-btn .btn-style-3 {
  width:210px
  }
  
  .photographer-form .contact-form .form-btn .btn-style-3 a {
  font-weight:500;
  font-size:18px
  }
  
  .photographer-form .contact-form .form-control {
  padding:14px 16px;
  font-size:14px;
  text-decoration:inherit;
  color:#fff;
  background-color:#050f25;
  border:1px solid #fff3
  }
  
  .photographer-form .contact-form .form-control:focus {
  border-color:transparent;
  box-shadow:none
  }
  
  .photographer-form .contact-form ::-moz-placeholder {
  color:#747681
  }
  
  .photographer-form .contact-form ::placeholder {
  color:#747681
  }
  
  .photographer-form .contact-form input {
  border-radius:8px;
  margin-bottom:25px
  }
  
  .photographer-form .hire-content h2 {
  color:#fff;
  padding:8px 0 20px
  }
  
  .photographer-form .hire-content h2 span {
  display:block
  }
  
  .photographer-form .hire-content p {
  color:#fdcc04;
  font-size:20px;
  line-height:32px
  }
  
  .photographer-form .hire-content p:last-child {
  color:#f4f4f4
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .project-4 {
  padding:120px 0 0;
  background:url(../assets/image/Project-min.png) no-repeat top center;
  min-height:840px!important
  }
  
  .project-4 .project-section {
  background:#fff;
  padding:61px 38px 31px 57px;
  border-radius:4px;
  margin-top:170px;
  box-shadow:0 9px 126px #1400ff0f
  }
  
  .project-4 .project-section .project-content .project-btn {
  margin-top:44PX
  }
  
  .project-4 .project-section .project-content .project-list li {
  display:flex;
  align-items:center;
  padding-bottom:10px
  }
  
  .project-4 .project-section .project-content .project-list li i {
  margin-right:14px;
  font-size:16px;
  color:#fdcc04
  }
  
  .project-4 .project-section .project-content .project-list li p {
  color:#04091e
  }
  
  .project-4 .project-section .project-content .project-list li:last-child {
  padding-bottom:0
  }
  
  .project-4 .project-section .project-content .project-tittle p {
  padding:18px 0
  }
  
  .project-4 .project-section .project-counter-box {
  text-align:center;
  background-color:#f5f5f5;
  border:1px solid #f4f4f4;
  padding:24px 36px;
  margin:30px 10px;
  border-radius:4px;
  transition:all .5s linear
  }
  
  .project-4 .project-section .project-counter-box .counter-content {
  padding-top:21px
  }
  
  .project-4 .project-section .project-counter-box .counter-img {
  margin-top:-60px
  }
  
  .project-4 .project-section .project-counter-box:hover {
  background-color:#fdcc04
  }
  
  .project-4 .project-section .project-counter-box:hover p {
  color:#04091e
  }
  
  .project-bg {
  padding:62px 54px!important;
  margin:0 0 -20px;
  background-color:#fff;
  z-index:222;
  margin-top:-360px!important;
  position:relative;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:4px;
  border:1px solid #ECEAFF;
  position:relative;
  overflow:hidden
  }
  
  .project-bg::before {
  position:absolute;
  content:"";
  top:240px;
  left:-149px;
  width:470px;
  height:470px;
  border:100px solid #2662FA;
  opacity:.08;
  border-radius:50%
  }
  
  .send .send-item {
  background:url(../assets/image/others/send.png) no-repeat center/cover;
  padding:52px 32px 67px
  }
  
  .send .send-item .send-btn {
  text-align:end;
  margin-top:38px;
  line-height:0
  }
  
  .send .send-item .send-inner {
  display:flex;
  gap:60px;
  padding-bottom:14px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .thought {
  padding:120px 0
  }
  
  .thought-2 {
  padding:120px 0
  }
  
  .thought-3 {
  padding:135px 0 120px
  }
  
  .thought-teacher .form-control:focus {
  border-color:#FDCC04
  }
  
  .thought-text {
  position:relative;
  z-index:1
  }
  
  .thought-text h2 {
  font-weight:700;
  font-size:50px;
  line-height:140%;
  color:#04091E
  }
  
  .thought-three {
  padding:120px 0
  }
  
  .thought-two {
  padding:312px 0 118px
  }
  
  .thought-vic {
  position:absolute;
  right:10px;
  top:8px;
  z-index:-1
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes banner {
  50% {
  transform:translateY(-20px)
  }
  }
  
  @keyframes up {
  0% {
  width:0
  }
  
  100% {
  width:0;
  opacity:0
  }
  
  15% {
  width:100%
  }
  
  85% {
  opacity:1
  }
  
  90% {
  width:100%;
  opacity:0
  }
  }
  
  @keyframes borderanimate2 {
  0% {
  transform:translate(-50%,-50%) scale(0.8)
  }
  
  100% {
  transform:translate(-50%,-50%) scale(2.5);
  opacity:0
  }
  
  60% {
  opacity:1
  }
  }
  
  .banner {
  background:url(../assets/image/others/banner/Hero.jpg) no-repeat center/cover;
  padding-top:210px;
  padding-bottom:75px
  }
  
  .banner-btn {
  margin-top:46px
  }
  
  .banner-btn-item {
  display:flex;
  gap:36px
  }
  
  .banner-btn-item .banner-btn-left {
  line-height:0
  }
  
  .banner-btn-right {
  display:flex;
  align-items:center;
  gap:20px
  }
  
  .banner-btn-right .vidio a {
  position:relative;
  z-index:1
  }
  
  .banner-btn-right .vidio a i {
  height:60px;
  width:60px;
  border-radius:50px;
  text-align:center;
  line-height:60px;
  font-size:20px;
  color:#2662FA;
  border:1.5px solid #2662faa9;
  background-color:#F4F8FA
  }
  
  .banner-btn-right .vidio a::after {
  position:absolute;
  content:"";
  top:24%;
  left:50%;
  height:45px;
  width:45px;
  background-color:#3b82f680;
  animation:borderanimate3 2s linear infinite;
  z-index:-1;
  border-radius:50px;
  transition:all linear .3s
  }
  
  .banner-text {
  position:relative;
  z-index:1
  }
  
  .banner-text h1 {
  font-weight:700;
  font-size:65px;
  color:#04091E;
  margin-bottom:0;
  line-height:92px;
  letter-spacing:-.01em
  }
  
  .banner-text p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#747681;
  padding-top:14px;
  margin-right:50px
  }
  
  .banner-vic {
  position:absolute;
  bottom:106px;
  left:0;
  z-index:-1
  }
  
  .banner-vic-1 {
  position:absolute;
  bottom:-144px;
  left:-211px;
  animation:banner 7s linear infinite
  }
  
  .text p {
  font-weight:500;
  font-size:15px;
  color:#747681
  }
  
  .text span {
  font-weight:500;
  font-size:15px;
  color:#04091E;
  letter-spacing:3px
  }
  
  @keyframes borderanimate3 {
  0% {
  transform:translate(-50%,-50%) scale(0.8)
  }
  
  100% {
  transform:translate(-50%,-50%) scale(2.5);
  opacity:0
  }
  
  60% {
  opacity:1
  }
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .b-slick-1 {
  margin-top:43px
  }
  
  .banner-lawyer {
  background:url(../assets/image/others/banner/lawyer-b.png) no-repeat center/cover;
  padding:258px 0 75px
  }
  
  .banner-lawyer .banner-lawyer-btn {
  line-height:0;
  margin-top:44px
  }
  
  .banner-lawyer .banner-lawyer-btn .btn-style-3 {
  width:227px
  }
  
  .banner-lawyer .banner-lawyer-img img {
  width:587px;
  height:648px
  }
  
  .banner-lawyer .banner-lawyer-text h1 {
  position:relative;
  z-index:1;
  color:#fff;
  font-weight:700;
  font-size:60px;
  line-height:140%
  }
  
  .banner-lawyer .banner-lawyer-text h1::before {
  position:absolute;
  content:"";
  top:51px;
  left:274px;
  width:256px;
  height:11px;
  background-image:url(../assets/image/others/victor/Line.png);
  z-index:-1;
  opacity:1
  }
  
  .banner-lawyer .banner-lawyer-text p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F4F8F7;
  padding:0 20px 0 50px;
  position:relative;
  margin-top:24px
  }
  
  .banner-lawyer .banner-lawyer-text p::before {
  position:absolute;
  content:"";
  top:21%;
  left:6px;
  width:3px;
  height:41px;
  background-color:#C4C4C4
  }
  
  .banner-lawyer .lawyer {
  padding:0;
  padding-left:30px
  }
  
  .banner-three {
  background:url(../assets/image/others/banner/banner-three-bg.png) no-repeat center/cover;
  padding-bottom:60px;
  padding-top:187px
  }
  
  .banner-three .banner-btn-right {
  display:flex;
  align-items:center;
  gap:20px
  }
  
  .banner-three .banner-btn-right .vidio a i {
  height:60px;
  width:60px;
  border-radius:50px;
  text-align:center;
  line-height:60px;
  font-size:20px;
  color:#DAED1A;
  background-color:#050F25;
  position:relative;
  z-index:1;
  border:1.5px solid #daed1a80
  }
  
  .banner-three .banner-btn-right .vidio a::after {
  position:absolute;
  content:"";
  top:2px;
  left:50%;
  height:45px;
  width:45px;
  background-color:#daed1a80;
  animation:borderanimate3 2s linear infinite;
  z-index:-1;
  border-radius:50px;
  transition:all linear .3s
  }
  
  .banner-three .banner-btn-text h4 {
  font-weight:500;
  font-size:20px;
  line-height:160%
  }
  
  .banner-three .banner-btn-text h4 span {
  color:#DAED1A
  }
  
  .banner-three .banner-text h1 {
  position:relative;
  z-index:1;
  color:#fff;
  letter-spacing:-.01em
  }
  
  .banner-three .banner-text h1::before {
  position:absolute;
  content:"";
  top:243px;
  left:3px;
  width:450px;
  height:6%;
  background-image:url(../assets/image/others/victor/banner-vic.png);
  z-index:-1;
  opacity:1;
  border-radius:10px
  }
  
  .banner-three .banner-text p {
  color:#F4F4F4
  }
  
  .banner-three .text span {
  color:#fff
  }
  
  .banner-two {
  background:url(../assets/image/others/banner/banner-bg-two.png) no-repeat center/cover;
  padding:180px 0 193px
  }
  
  .banner-two .banner-btn-text {
  margin-top:60px
  }
  
  .banner-two .banner-btn-text h4 {
  font-size:20px;
  font-weight:400;
  line-height:32px;
  color:#747681
  }
  
  .banner-two .banner-btn-text h4 span {
  font-weight:600;
  font-size:32px;
  color:#47D990
  }
  
  .banner-two .banner-text h1 {
  position:relative;
  z-index:1
  }
  
  .banner-two .banner-text h1 .heading-inner-text {
  display:block
  }
  
  .banner-two .banner-text h1::before {
  position:absolute;
  content:"";
  top:239px;
  left:0;
  width:451px;
  height:6%;
  background-image:url(../assets/image/others/victor/banner-vic-two.png);
  z-index:-1;
  opacity:.66
  }
  
  .hero {
  background:url(../assets/image/hero-bg-min.png) no-repeat center/cover;
  min-height:950px;
  display:flex;
  align-items:center
  }
  
  .hero .hero-content {
  padding:100px 0 0;
  position:relative;
  z-index:1
  }
  
  .hero .hero-content .hero-btn {
  display:flex;
  justify-content:space-between;
  background-color:#f5f5f5;
  padding:10px 10px 10px 20px;
  border-radius:8px
  }
  
  .hero .hero-content .hero-btn .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04;
  transition:all .5s
  }
  
  .hero .hero-content .hero-btn .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .hero .hero-content .hero-btn input {
  border:none;
  background-color:#f5f5f5;
  outline:none;
  font-family:inherit;
  font-size:16px;
  width:60%
  }
  
  .hero .hero-content .hero-btn-1 {
  line-height:0;
  margin-top:24px
  }
  
  .hero .hero-content .hero-btn-1 .btn-style-4 {
  width:227px
  }
  
  .hero .hero-content .hero-content-imgg {
  position:absolute;
  top:360px;
  left:-140px;
  animation:banner 4s linear infinite
  }
  
  .hero .hero-content .hero-testimonial-img {
  margin:40px 0 0
  }
  
  .hero .hero-content .hero-victor-img {
  position:absolute;
  top:326px;
  left:-8px;
  z-index:-1
  }
  
  .hero .hero-content h1 {
  font-weight:700;
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  .hero .hero-content p {
  padding:20px 0;
  font-size:24px;
  line-height:36px;
  color:#f5f5f5
  }
  
  .hero .hero-content p span {
  display:block
  }
  
  .hero .hero-img {
  width:550.01px;
  height:786px
  }
  
  .hero .hero-img .chart {
  top:281px;
  z-index:1;
  left:-16px
  }
  
  .hero .hero-img .congratulation {
  right:-130px;
  top:241px;
  z-index:1
  }
  
  .hero .hero-img .hero-inner-img {
  position:absolute;
  width:100%;
  height:100%;
  top:80px;
  right:-95px
  }
  
  .hero .hero-img .students {
  right:-170px;
  bottom:0;
  z-index:1
  }
  
  .lawyer {
  background:url(../assets/image/lawyer/hero-bg.png) no-repeat center/cover
  }
  
  .lawyer .hero-content .hero-nav {
  background-color:#ff3f00;
  border:1px solid #ff3f00;
  margin-top:54px
  }
  
  .lawyer .hero-content .hero-nav a {
  color:#fff
  }
  
  .lawyer .hero-content .hero-nav a i {
  margin-left:8px
  }
  
  .lawyer .hero-content .hero-tittle {
  position:relative;
  z-index:1
  }
  
  .lawyer .hero-content .hero-tittle .hero-tittle-img {
  position:absolute;
  top:54px;
  left:253px;
  z-index:-1
  }
  
  .lawyer .hero-content .hero-tittle p {
  padding:20px 0;
  font-size:22px;
  line-height:32px;
  font-weight:400;
  color:#f5f5f5
  }
  
  .lawyer .hero-content h1 {
  font-size:58px
  }
  
  .lawyer .hero-gap {
  margin:0;
  padding:0
  }
  
  .lawyer .hero-img {
  width:587px;
  height:648px
  }
  
  .lawyer .hero-img .hero-inner-img {
  position:absolute;
  top:96px;
  left:-70px;
  width:100%;
  height:100%
  }
  
  .photographer {
  background:url(../assets/image/Photographer/photographer-bg.png) no-repeat center/cover
  }
  
  .photographer .hero-content {
  padding:100px 0 0;
  position:relative;
  z-index:1
  }
  
  .photographer .hero-content .hero-achievement .hero-achievement-img img {
  margin-right:16px
  }
  
  .photographer .hero-content .hero-achievement p {
  font-size:20px;
  font-weight:600;
  line-height:32px;
  color:#47d990
  }
  
  .photographer .hero-content .hero-tittle p {
  padding:20px 0;
  font-size:24px;
  line-height:36px;
  color:#f5f5f5
  }
  
  .photographer .hero-content .hero-vic {
  position:absolute;
  top:157px;
  left:-10px;
  z-index:-1
  }
  
  .photographer .hero-img {
  width:770px;
  height:757px
  }
  
  .photographer .hero-img .hero-inner-img {
  position:absolute;
  width:100%;
  height:100%;
  top:96px;
  left:-250px
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .signature {
  margin-top:65px
  }
  
  .slick {
  padding-bottom:120px;
  margin-top:-158px
  }
  
  .slick .mar {
  padding:0 15px
  }
  
  .slick .slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick .slick-center .slick-item {
  border:.5px solid #2662FA
  }
  
  .slick .slick-center .slick-item .slick-text a {
  color:#2662FA
  }
  
  .slick .slick-center .slick-item .slick-text a span svg {
  stroke:currentColor;
  color:#2662FA
  }
  
  .slick .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .slick .slick-item {
  padding:26px 28px 22px;
  background-color:#FFF;
  border-radius:10px;
  transition:all .5s;
  border:.5px solid #1d1d1d0d
  }
  
  .slick .slick-item .slick-text {
  margin-top:10px
  }
  
  .slick .slick-item .slick-text a {
  padding-top:20px;
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline;
  display:inline-block;
  transition:all .5s
  }
  
  .slick .slick-item .slick-text a span svg {
  stroke:currentColor;
  color:#04091E;
  transition:all .5s
  }
  
  .slick .slick-item .slick-text h3 {
  font-weight:700;
  font-size:24px;
  color:#04091E;
  line-height:36px;
  transition:all .5s;
  padding-right:45px
  }
  
  .slick .slick-item .slick-text p {
  padding-top:20px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  transition:all .5s
  }
  
  .slick-01 {
  margin-top:6px
  }
  
  .slick-01 .b-slick-1 {
  margin-top:43px
  }
  
  .slick-01 .slick-active button {
  background-color:#2662FA!important;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-01 .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA!important;
  opacity:.2;
  text-indent:-9999px
  }
  
  .slick-1 {
  margin-top:0;
  padding:120px 0 0
  }
  
  .slick-2 {
  margin-top:0;
  padding-top:120px;
  padding-bottom:0
  }
  
  .slick-two {
  padding:126px 0 120px;
  margin-top:0
  }
  
  .slick-two .h-s-mt {
  margin-top:40px
  }
  
  .slick-two .mar {
  padding:0 15px;
  margin-top:30px
  }
  
  .slick-two .mar-1 {
  padding:0 15px
  }
  
  .slick-two .slick-item {
  padding:26px 28px 22px;
  background-color:#FFF;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  transition:all .5s;
  border:.5px solid #1d1d1d0d
  }
  
  .slick-two .slick-item-two {
  padding:26px 28px 22px;
  background-color:#FFF;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  transition:all .5s;
  border:.5px solid #2662FA
  }
  
  .slick-two .slick-item-two .slick-text a {
  color:#2662FA
  }
  
  .slick-two .slick-item-two .slick-text a span svg {
  color:#2662FA
  }
  
  .slick-two .slick-item:hover {
  border:.5px solid #2662FA
  }
  
  .slick-two .slick-item:hover .slick-text a {
  color:#2662FA
  }
  
  .slick-two .slick-item:hover .slick-text a span svg {
  color:#2662FA
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  

  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .Projec-too {
  background:url(../assets/image/others/banner/projecr-bg-2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1;
  background-color:transparent
  }
  
  .Project {
  background:url(../assets/image/Develop_2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1
  }
  
  .Project-btn {
  margin-top:45px;
  line-height:0
  }
  
  .Project-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:128%;
  color:#04091E
  }
  
  .Project-head p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:18px
  }
  
  .Project-head-middel {
  margin-top:18px
  }
  
  .Project-head-middel .Project-head-middel-item {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:15px
  }
  
  .Project-head-middel .Project-head-middel-item .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .Project-head-middel .Project-head-middel-item .text ul {
  margin:0;
  padding:0
  }
  
  .Project-head-middel .Project-head-middel-item .text ul li {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .Project-head-middel .Project-head-middel-item:last-child {
  padding-bottom:0
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-right-item {
  padding:0 33px 24px;
  background-color:#F2F6FE;
  border:1px solid #F4F4F4;
  border-radius:4px;
  transition:background-color .5s ease;
  z-index:222;
  margin:0 10px
  }
  
  .Project-right-item .Project-right-icon {
  display:flex;
  justify-content:center
  }
  
  .Project-right-item .Project-right-icon .icon {
  width:80px;
  height:80px;
  background-color:#2662FA;
  border-radius:50px;
  text-align:center;
  line-height:80px;
  margin-top:-35px;
  transition:.5s;
  border:1px solid #2662FA
  }
  
  .Project-right-item-text h3 {
  text-align:center;
  font-weight:600;
  font-size:40px;
  color:#04091E;
  padding-top:30px;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item-text p {
  text-align:center;
  font-weight:400;
  font-size:18px;
  text-transform:capitalize;
  color:#747681;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item:hover {
  background-color:#2662FA
  }
  
  .Project-right-item:hover .Project-right-icon .icon {
  border:1px solid #fff
  }
  
  .Project-right-item:hover .Project-right-item-text h3 {
  color:#fff
  }
  
  .Project-right-item:hover .Project-right-item-text p {
  color:#fff
  }
  
  .Project-right-top {
  margin-top:50px
  }
  
  .Project-two-three {
  background-color:#F7F7FD;
  z-index:1;
  position:absolute;
  width:100%
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog {
  background:url(../assets/image/others/banner/Bolg.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .blog .blog-head {
  position:relative;
  z-index:1
  }
  
  .blog .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .blog .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px
  }
  
  .blog .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog .blog-item .blog-inner .blog-inner-btn a {
  padding:5px 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:14px;
  line-height:152%;
  color:#747681
  }
  
  .blog .blog-item .blog-inner .blog-inner-text {
  padding-top:7px
  }
  
  .blog .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .blog .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog .blog-p {
  padding:0 15px
  }
  
  .blog .blog-top {
  margin-top:55px
  }
  
  .blog .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .blog .slick-active button {
  background:#2662FA!important
  }
  
  .blog .slick-dots button {
  background:#2662FA
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .blog-three {
  background:transparent;
  padding:105px 0 120px;
  background-color:#050F25
  }
  
  .blog-three .blog-head {
  position:relative;
  z-index:1
  }
  
  .blog-three .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  text-align:center;
  padding:0 320px
  }
  
  .blog-three .blog-item {
  padding:20px;
  background-color:#091530;
  border-radius:4px
  }
  
  .blog-three .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog-three .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog-three .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog-three .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-btn a {
  padding:5px 15px;
  display:inline-block;
  background-color:#ffffff0d;
  border-radius:6px;
  font-weight:400;
  font-size:14px;
  line-height:152%;
  color:#fff
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-text {
  padding-top:7px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#fff;
  transition:all linear .5s
  }
  
  .blog-three .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog-three .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog-three .blog-p {
  padding:0 15px
  }
  
  .blog-three .blog-top {
  margin-top:40px
  }
  
  .blog-three .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .blog-three .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .blog-three .slick-dots li.slick-active button {
  background-color:#DAED1A!important;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .blog-two {
  margin-top:-258px
  }
  
  .blog-two .blog-head {
  margin-top:257px;
  position:relative;
  z-index:1
  }
  
  .blog-two .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .blog-two .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px
  }
  
  .blog-two .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog-two .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog-two .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog-two .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-btn a {
  padding:0 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .blog-two .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog-two .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog-two .blog-p {
  padding:0 15px
  }
  
  .blog-two .blog-top {
  margin-top:55px
  }
  
  .blog-two .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .featured {
  padding:112px 0 120px
  }
  
  .featured .featured-btn {
  text-align:end;
  margin-top:5px
  }
  
  .featured .featured-btn a {
  color:#272931;
  border:1.5px solid #747681;
  border-radius:8px;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  padding:20px 40px;
  transition:all .5s
  }
  
  .featured .featured-btn:hover a {
  color:#2662FA;
  border-color:#2662FA
  }
  
  .featured .featured-head h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .featured .featured-head h4 {
  font-weight:600;
  font-size:24px;
  color:#2662FA;
  position:relative;
  margin-left:70px
  }
  
  .featured .featured-head h4::before {
  position:absolute;
  content:"";
  top:12px;
  left:-65px;
  width:46px;
  height:4px;
  background-color:#2662FA
  }
  
  .featured .featured-item .featured-item-img {
  position:relative
  }
  
  .featured .featured-item .featured-item-img .featured-overlay {
  transition:all .5s;
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(180deg,#fff0 -24.52%,#000c2b94 72.76%,#000c2bd9 100%);
  border-radius:10px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-btm-img {
  text-align:end;
  margin-top:-37px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-btm-text span {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#fff;
  padding-right:10px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-btm-text span del {
  color:#C4C4C4;
  font-weight:400
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner {
  padding:0 45px;
  position:absolute;
  bottom:39px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon {
  display:flex;
  gap:10px;
  align-items:center
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon .icon i {
  color:#FFCE4C;
  border-radius:2px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon .icon i:last-child {
  color:#C4C4C4
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon .text span {
  font-weight:400;
  font-size:24px;
  color:#fff
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-text h3 {
  padding-right:5px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-text h3 a {
  font-weight:600;
  font-size:32px;
  line-height:160%;
  color:#fff
  }
  
  .featured .featured-item .featured-item-img img {
  width:100%
  }
  
  .featured .featured-item .featured-item-img:hover .featured-overlay {
  opacity:1
  }
  
  .featured .featured-top {
  margin-top:61px
  }
  
  .featured .padd {
  padding:0 20px
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-main-item {
  padding:32px 0;
  background-color:#04091E;
  border-bottom:1px solid #f4f8f71a
  }
  
  .footer-main-item .footer-active {
  background-color:#2662FA;
  border:1px solid #2662FA
  }
  
  .footer-main-item .footer-item {
  padding:40px;
  background:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  text-align:center;
  transition:all .5s
  }
  
  .footer-main-item .footer-item .footer-img ul {
  padding:0;
  margin:0
  }
  
  .footer-main-item .footer-item .footer-img ul li {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  font-family:"Roboto",sans-serif,sans-serif;
  color:#fff
  }
  
  .footer-main-item .footer-item .footer-img ul li span i {
  line-height:0;
  color:#fff;
  font-size:40px;
  padding-right:12px
  }
  
  .footer-main-item .footer-item:hover {
  background-color:#2662FA;
  border:1px solid #2662FA
  }
  
  .footer-main-item .footer-pl {
  padding:0 15px
  }
  
  .footer-main-item-2 {
  padding:32px 0;
  background-color:#04091E;
  border-bottom:1px solid #f4f8f71a;
  transition:all linear .5s
  }
  
  .footer-main-item-2 .footer-active-02 {
  background-color:#FDCC04;
  border:1px solid #FDCC04
  }
  
  .footer-main-item-2 .footer-active-02:hover {
  background-color:#FDCC04;
  border:1px solid #FDCC04
  }
  
  .footer-main-item-2 .footer-active-02:hover .footer-img ul {
  padding:0;
  margin:0
  }
  
  .footer-main-item-2 .footer-active-02:hover .footer-img ul li span svg {
  fill:currentColor;
  color:transparent
  }
  
  .footer-main-item-2 .footer-item {
  padding:40px;
  background:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  text-align:center;
  transition:all .5s
  }
  
  .footer-main-item-2 .footer-item .footer-img .p-l {
  margin-left:-25px
  }
  
  .footer-main-item-2 .footer-item .footer-img ul {
  padding:0;
  margin:0
  }
  
  .footer-main-item-2 .footer-item .footer-img ul li {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  font-family:"Roboto",sans-serif,sans-serif;
  color:#fff
  }
  
  .footer-main-item-2 .footer-item .footer-img ul li span svg {
  fill:currentColor;
  color:#fff
  }
  
  .footer-main-item-2 .footer-item:hover {
  background-color:#FDCC04;
  border:1px solid #FDCC04
  }
  
  .footer-main-item-2 .footer-item:hover .footer-img ul {
  padding:0;
  margin:0
  }
  
  .footer-main-item-2 .footer-item:hover .footer-img ul li span svg {
  fill:currentColor;
  color:#04091E
  }
  
  .footer-main-item-2 .footer-pl {
  padding:0 15px
  }
  
  .footer-main-item-four {
  padding:32px 0;
  background-color:#04091E;
  border-bottom:1px solid #f4f8f71a
  }
  
  .footer-main-item-four .footer-active {
  background-color:#FF3F00;
  border:1px solid #FF3F00
  }
  
  .footer-main-item-four .footer-active ul {
  padding:0;
  margin:0
  }
  
  .footer-main-item-four .footer-active ul li {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  font-family:"Roboto",sans-serif,sans-serif;
  color:#04091E
  }
  
  .footer-main-item-four .footer-active ul li span svg {
  fill:currentColor;
  color:#fff
  }
  
  .footer-main-item-four .footer-active:hover ul {
  padding:0;
  margin:0
  }
  
  .footer-main-item-four .footer-active:hover ul li span svg {
  fill:currentColor;
  color:#2662FA
  }
  
  .footer-main-item-four .footer-item {
  padding:40px;
  background:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  text-align:center;
  transition:all .5s
  }
  
  .footer-main-item-four .footer-item .footer-img ul {
  padding:0;
  margin:0
  }
  
  .footer-main-item-four .footer-item .footer-img ul li {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  font-family:"Roboto",sans-serif,sans-serif;
  color:#fff
  }
  
  .footer-main-item-four .footer-item .footer-img ul li span svg {
  fill:currentColor;
  color:#fff
  }
  
  .footer-main-item-four .footer-item:hover {
  background-color:#FF3F00;
  border:1px solid #FF3F00
  }
  
  .footer-main-item-four .footer-item:hover .footer-img ul {
  padding:0;
  margin:0
  }
  
  .footer-main-item-four .footer-item:hover .footer-img ul li {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  font-family:"Roboto",sans-serif,sans-serif;
  color:#fff
  }
  
  .footer-main-item-four .footer-item:hover .footer-img ul li span svg {
  fill:currentColor;
  color:#fff
  }
  
  .footer-main-item-four .footer-pl {
  padding:0 15px
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-news {
  background:#f6f9ff;
  padding:110px 0 120px
  }
  
  .lawyer-news .news-section {
  padding:20px 20px 23px;
  margin-right:10px;
  background:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #acacad0a;
  border:1px solid #9a979715
  }
  
  .lawyer-news .news-section .news-content .news-blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .lawyer-news .news-section .news-content .news-btn {
  margin:24px 0 16px
  }
  
  .lawyer-news .news-section .news-content .news-btn a {
  color:#747681;
  font-weight:400;
  padding:8px;
  background:#f4f4f4;
  margin-right:8px;
  border-radius:10px;
  font-weight:400;
  font-size:18px
  }
  
  .lawyer-news .news-section .news-content .news-text h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-news .news-section .news-img {
  overflow:hidden
  }
  
  .lawyer-news .news-section .news-img img {
  width:100%;
  transition:all .5s
  }
  
  .lawyer-news .news-section:hover h3 {
  text-decoration:underline
  }
  
  .lawyer-news .news-section:hover img {
  transform:scale(1.1)
  }
  
  .lawyer-news .news-tittle h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-news .news-tittle span {
  display:block;
  z-index:1
  }
  
  .lawyer-news .row {
  padding:38px 0 0
  }
  
  .martop {
  margin-top:72px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .news {
  background:url(../assets/image/news-bg-min.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .news .news-section {
  padding:20px 20px 23px;
  margin-right:30px;
  background:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #acacad0a;
  border:1px solid #9a979715
  }
  
  .news .news-section .news-content .news-blog-btn a {
  font-weight:400;
  color:#747681;
  font-weight:400;
  font-size:18px
  }
  
  .news .news-section .news-content .news-btn {
  margin:24px 0 16px
  }
  
  .news .news-section .news-content .news-btn a {
  color:#747681;
  font-weight:400;
  padding:8px;
  background:#f4f4f4;
  margin-right:8px;
  border-radius:10px;
  font-weight:400;
  font-size:18px
  }
  
  .news .news-section .news-content .news-text h3 {
  color:#04091e;
  font-weight:600
  }
  
  .news .news-section .news-img {
  overflow:hidden
  }
  
  .news .news-section .news-img img {
  width:100%;
  transition:all .5s
  }
  
  .news .news-section:hover h3 {
  text-decoration:underline
  }
  
  .news .news-section:hover img {
  transform:scale(1.1)
  }
  
  .news .news-tittle {
  position:relative;
  z-index:1
  }
  
  .news .news-tittle .news-tittle-img {
  position:absolute;
  right:0;
  top:77px;
  left:95px;
  z-index:-1
  }
  
  .news .news-tittle span {
  display:block
  }
  
  .news .row {
  padding:50px 0 0
  }
  
  .news li.slick-active button {
  background-color:#FDCC04;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .project-4 {
  padding:120px 0 0;
  background:url(../assets/image/Project-min.png) no-repeat top center;
  min-height:840px!important
  }
  
  .project-4 .project-section {
  background:#fff;
  padding:61px 38px 31px 57px;
  border-radius:4px;
  margin-top:170px;
  box-shadow:0 9px 126px #1400ff0f
  }
  
  .project-4 .project-section .project-content .project-btn {
  margin-top:44PX
  }
  
  .project-4 .project-section .project-content .project-list li {
  display:flex;
  align-items:center;
  padding-bottom:10px
  }
  
  .project-4 .project-section .project-content .project-list li i {
  margin-right:14px;
  font-size:16px;
  color:#fdcc04
  }
  
  .project-4 .project-section .project-content .project-list li p {
  color:#04091e
  }
  
  .project-4 .project-section .project-content .project-list li:last-child {
  padding-bottom:0
  }
  
  .project-4 .project-section .project-content .project-tittle p {
  padding:18px 0
  }
  
  .project-4 .project-section .project-counter-box {
  text-align:center;
  background-color:#f5f5f5;
  border:1px solid #f4f4f4;
  padding:24px 36px;
  margin:30px 10px;
  border-radius:4px;
  transition:all .5s linear
  }
  
  .project-4 .project-section .project-counter-box .counter-content {
  padding-top:21px
  }
  
  .project-4 .project-section .project-counter-box .counter-img {
  margin-top:-60px
  }
  
  .project-4 .project-section .project-counter-box:hover {
  background-color:#fdcc04
  }
  
  .project-4 .project-section .project-counter-box:hover p {
  color:#04091e
  }
  
  .project-bg {
  padding:62px 54px!important;
  margin:0 0 -20px;
  background-color:#fff;
  z-index:222;
  margin-top:-360px!important;
  position:relative;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:4px;
  border:1px solid #ECEAFF;
  position:relative;
  overflow:hidden
  }
  
  .project-bg::before {
  position:absolute;
  content:"";
  top:240px;
  left:-149px;
  width:470px;
  height:470px;
  border:100px solid #2662FA;
  opacity:.08;
  border-radius:50%
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .shuffle {
  min-height:770px
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn a {
  padding:16px 32px;
  border:1px solid #F4F4F4;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#fff;
  transition:all .5s
  }
  
  .tap-btnn a:hover {
  border:1px solid #DAED1A;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes banner {
  50% {
  transform:translateY(-20px)
  }
  }
  
  @keyframes up {
  0% {
  width:0
  }
  
  100% {
  width:0;
  opacity:0
  }
  
  15% {
  width:100%
  }
  
  85% {
  opacity:1
  }
  
  90% {
  width:100%;
  opacity:0
  }
  }
  
  @keyframes borderanimate2 {
  0% {
  transform:translate(-50%,-50%) scale(0.8)
  }
  
  100% {
  transform:translate(-50%,-50%) scale(2.5);
  opacity:0
  }
  
  60% {
  opacity:1
  }
  }
  
  .banner {
  background:url(../assets/image/others/banner/Hero.jpg) no-repeat center/cover;
  padding-top:210px;
  padding-bottom:75px
  }
  
  .banner-btn {
  margin-top:46px
  }
  
  .banner-btn-item {
  display:flex;
  gap:36px
  }
  
  .banner-btn-item .banner-btn-left {
  line-height:0
  }
  
  .banner-btn-right {
  display:flex;
  align-items:center;
  gap:20px
  }
  
  .banner-btn-right .vidio a {
  position:relative;
  z-index:1
  }
  
  .banner-btn-right .vidio a i {
  height:60px;
  width:60px;
  border-radius:50px;
  text-align:center;
  line-height:60px;
  font-size:20px;
  color:#2662FA;
  border:1.5px solid #2662faa9;
  background-color:#F4F8FA
  }
  
  .banner-btn-right .vidio a::after {
  position:absolute;
  content:"";
  top:24%;
  left:50%;
  height:45px;
  width:45px;
  background-color:#3b82f680;
  animation:borderanimate3 2s linear infinite;
  z-index:-1;
  border-radius:50px;
  transition:all linear .3s
  }
  
  .banner-text {
  position:relative;
  z-index:1
  }
  
  .banner-text h1 {
  font-weight:700;
  font-size:65px;
  color:#04091E;
  margin-bottom:0;
  line-height:92px;
  letter-spacing:-.01em
  }
  
  .banner-text p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#747681;
  padding-top:14px;
  margin-right:50px
  }
  
  .banner-vic {
  position:absolute;
  bottom:106px;
  left:0;
  z-index:-1
  }
  
  .banner-vic-1 {
  position:absolute;
  bottom:-144px;
  left:-211px;
  animation:banner 7s linear infinite
  }
  
  .text p {
  font-weight:500;
  font-size:15px;
  color:#747681
  }
  
  .text span {
  font-weight:500;
  font-size:15px;
  color:#04091E;
  letter-spacing:3px
  }
  
  @keyframes borderanimate3 {
  0% {
  transform:translate(-50%,-50%) scale(0.8)
  }
  
  100% {
  transform:translate(-50%,-50%) scale(2.5);
  opacity:0
  }
  
  60% {
  opacity:1
  }
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab .shaf-filter .course-filter li .active {
  background:#47D990
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:160%;
  cursor:pointer;
  transition:all .5s
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff
  }
  
  #tab ul li:hover {
  background-color:#fff;
  color:#04091E
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .banner-lawyer {
  background:url(../assets/image/others/banner/lawyer-b.png) no-repeat center/cover;
  padding:258px 0 75px
  }
  
  .banner-lawyer .banner-lawyer-btn {
  line-height:0;
  margin-top:44px
  }
  
  .banner-lawyer .banner-lawyer-btn .btn-style-3 {
  width:227px
  }
  
  .banner-lawyer .banner-lawyer-img img {
  width:587px;
  height:648px
  }
  
  .banner-lawyer .banner-lawyer-text h1 {
  position:relative;
  z-index:1;
  color:#fff;
  font-weight:700;
  font-size:60px;
  line-height:140%
  }
  
  .banner-lawyer .banner-lawyer-text h1::before {
  position:absolute;
  content:"";
  top:51px;
  left:274px;
  width:256px;
  height:11px;
  background-image:url(../assets/image/others/victor/Line.png);
  z-index:-1;
  opacity:1
  }
  
  .banner-lawyer .banner-lawyer-text p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F4F8F7;
  padding:0 20px 0 50px;
  position:relative;
  margin-top:24px
  }
  
  .banner-lawyer .banner-lawyer-text p::before {
  position:absolute;
  content:"";
  top:21%;
  left:6px;
  width:3px;
  height:41px;
  background-color:#C4C4C4
  }
  
  .banner-lawyer .lawyer {
  padding:0;
  padding-left:30px
  }
  
  .banner-three {
  background:url(../assets/image/others/banner/banner-three-bg.png) no-repeat center/cover;
  padding-bottom:60px;
  padding-top:187px
  }
  
  .banner-three .banner-btn-right {
  display:flex;
  align-items:center;
  gap:20px
  }
  
  .banner-three .banner-btn-right .vidio a i {
  height:60px;
  width:60px;
  border-radius:50px;
  text-align:center;
  line-height:60px;
  font-size:20px;
  color:#DAED1A;
  background-color:#050F25;
  position:relative;
  z-index:1;
  border:1.5px solid #daed1a80
  }
  
  .banner-three .banner-btn-right .vidio a::after {
  position:absolute;
  content:"";
  top:2px;
  left:50%;
  height:45px;
  width:45px;
  background-color:#daed1a80;
  animation:borderanimate3 2s linear infinite;
  z-index:-1;
  border-radius:50px;
  transition:all linear .3s
  }
  
  .banner-three .banner-btn-text h4 {
  font-weight:500;
  font-size:20px;
  line-height:160%
  }
  
  .banner-three .banner-btn-text h4 span {
  color:#DAED1A
  }
  
  .banner-three .banner-text h1 {
  position:relative;
  z-index:1;
  color:#fff;
  letter-spacing:-.01em
  }
  
  .banner-three .banner-text h1::before {
  position:absolute;
  content:"";
  top:243px;
  left:3px;
  width:450px;
  height:6%;
  background-image:url(../assets/image/others/victor/banner-vic.png);
  z-index:-1;
  opacity:1;
  border-radius:10px
  }
  
  .banner-three .banner-text p {
  color:#F4F4F4
  }
  
  .banner-three .text span {
  color:#fff
  }
  
  .banner-two {
  background:url(../assets/image/others/banner/banner-bg-two.png) no-repeat center/cover;
  padding:180px 0 193px
  }
  
  .banner-two .banner-btn-text {
  margin-top:60px
  }
  
  .banner-two .banner-btn-text h4 {
  font-size:20px;
  font-weight:400;
  line-height:32px;
  color:#747681
  }
  
  .banner-two .banner-btn-text h4 span {
  font-weight:600;
  font-size:32px;
  color:#47D990
  }
  
  .banner-two .banner-text h1 {
  position:relative;
  z-index:1
  }
  
  .banner-two .banner-text h1 .heading-inner-text {
  display:block
  }
  
  .banner-two .banner-text h1::before {
  position:absolute;
  content:"";
  top:239px;
  left:0;
  width:451px;
  height:6%;
  background-image:url(../assets/image/others/victor/banner-vic-two.png);
  z-index:-1;
  opacity:.66
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .course-filter .active {
  background-color:#fff;
  color:#04091E!important
  }
  
  .experience .experience-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px 17px 16px;
  border-bottom:1px solid #494C5F
  }
  
  .experience .experience-inner .experience-btn a {
  height:25px;
  width:87px;
  background-color:#DAED1A;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  color:#050F25;
  display:inline-block;
  text-align:center
  }
  
  .experience .experience-inner .experience-text .experience-img {
  padding-top:16px
  }
  
  .experience .experience-inner .experience-text h5 {
  font-weight:600;
  font-size:20px;
  color:#fff
  }
  
  .experience .experience-inner-two {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 10px 17px 16px;
  border-bottom:1px solid #494C5F
  }
  
  .experience .experience-inner-two .experience-btn a {
  padding:5px 10px;
  border:1px solid #DAED1A;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  color:#DAED1A;
  text-align:center
  }
  
  .experience .experience-inner-two .experience-text .experience-img {
  padding-top:16px
  }
  
  .experience .experience-inner-two .experience-text h5 {
  font-weight:600;
  font-size:20px;
  color:#fff
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .freelance-head {
  margin-top:81px
  }
  
  .freelance-head h3 {
  font-weight:600;
  font-size:24px;
  color:#F4F4F4;
  border-bottom:1px solid #494C5F;
  padding-bottom:7px
  }
  
  .freelance-item {
  margin-top:40px;
  display:flex;
  gap:60px
  }
  
  .freelance-item .active-four img {
  opacity:1;
  transition:all .5s
  }
  
  .freelance-item .active-four img:hover {
  opacity:.2
  }
  
  .freelance-item .freelance-img {
  position:relative
  }
  
  .freelance-item .freelance-img img {
  opacity:.2;
  transition:all .5s
  }
  
  .freelance-item .freelance-img img:hover {
  opacity:1
  }
  
  .freelance-item .freelance-img::before {
  position:absolute;
  content:"";
  top:20px;
  left:-30px;
  width:1px;
  height:64px;
  background-color:#ffffff26
  }
  
  .freelance-item .freelance-img:nth-child(1)::before {
  width:0
  }
  
  .hero {
  background:url(../assets/image/hero-bg-min.png) no-repeat center/cover;
  min-height:950px;
  display:flex;
  align-items:center
  }
  
  .hero .hero-content {
  padding:100px 0 0;
  position:relative;
  z-index:1
  }
  
  .hero .hero-content .hero-btn {
  display:flex;
  justify-content:space-between;
  background-color:#f5f5f5;
  padding:10px 10px 10px 20px;
  border-radius:8px
  }
  
  .hero .hero-content .hero-btn .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04;
  transition:all .5s
  }
  
  .hero .hero-content .hero-btn .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .hero .hero-content .hero-btn input {
  border:none;
  background-color:#f5f5f5;
  outline:none;
  font-family:inherit;
  font-size:16px;
  width:60%
  }
  
  .hero .hero-content .hero-btn-1 {
  line-height:0;
  margin-top:24px
  }
  
  .hero .hero-content .hero-btn-1 .btn-style-4 {
  width:227px
  }
  
  .hero .hero-content .hero-content-imgg {
  position:absolute;
  top:360px;
  left:-140px;
  animation:banner 4s linear infinite
  }
  
  .hero .hero-content .hero-testimonial-img {
  margin:40px 0 0
  }
  
  .hero .hero-content .hero-victor-img {
  position:absolute;
  top:326px;
  left:-8px;
  z-index:-1
  }
  
  .hero .hero-content h1 {
  font-weight:700;
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  .hero .hero-content p {
  padding:20px 0;
  font-size:24px;
  line-height:36px;
  color:#f5f5f5
  }
  
  .hero .hero-content p span {
  display:block
  }
  
  .hero .hero-img {
  width:550.01px;
  height:786px
  }
  
  .hero .hero-img .chart {
  top:281px;
  z-index:1;
  left:-16px
  }
  
  .hero .hero-img .congratulation {
  right:-130px;
  top:241px;
  z-index:1
  }
  
  .hero .hero-img .hero-inner-img {
  position:absolute;
  width:100%;
  height:100%;
  top:80px;
  right:-95px
  }
  
  .hero .hero-img .students {
  right:-170px;
  bottom:0;
  z-index:1
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer {
  background:url(../assets/image/lawyer/hero-bg.png) no-repeat center/cover
  }
  
  .lawyer .hero-content .hero-nav {
  background-color:#ff3f00;
  border:1px solid #ff3f00;
  margin-top:54px
  }
  
  .lawyer .hero-content .hero-nav a {
  color:#fff
  }
  
  .lawyer .hero-content .hero-nav a i {
  margin-left:8px
  }
  
  .lawyer .hero-content .hero-tittle {
  position:relative;
  z-index:1
  }
  
  .lawyer .hero-content .hero-tittle .hero-tittle-img {
  position:absolute;
  top:54px;
  left:253px;
  z-index:-1
  }
  
  .lawyer .hero-content .hero-tittle p {
  padding:20px 0;
  font-size:22px;
  line-height:32px;
  font-weight:400;
  color:#f5f5f5
  }
  
  .lawyer .hero-content h1 {
  font-size:58px
  }
  
  .lawyer .hero-gap {
  margin:0;
  padding:0
  }
  
  .lawyer .hero-img {
  width:587px;
  height:648px
  }
  
  .lawyer .hero-img .hero-inner-img {
  position:absolute;
  top:96px;
  left:-70px;
  width:100%;
  height:100%
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer {
  background:url(../assets/image/Photographer/photographer-bg.png) no-repeat center/cover
  }
  
  .photographer .hero-content {
  padding:100px 0 0;
  position:relative;
  z-index:1
  }
  
  .photographer .hero-content .hero-achievement .hero-achievement-img img {
  margin-right:16px
  }
  
  .photographer .hero-content .hero-achievement p {
  font-size:20px;
  font-weight:600;
  line-height:32px;
  color:#47d990
  }
  
  .photographer .hero-content .hero-tittle p {
  padding:20px 0;
  font-size:24px;
  line-height:36px;
  color:#f5f5f5
  }
  
  .photographer .hero-content .hero-vic {
  position:absolute;
  top:157px;
  left:-10px;
  z-index:-1
  }
  
  .photographer .hero-img {
  width:770px;
  height:757px
  }
  
  .photographer .hero-img .hero-inner-img {
  position:absolute;
  width:100%;
  height:100%;
  top:96px;
  left:-250px
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .portfolio-4 {
  padding:110px 0 120px;
  background:url(../assets/image/Photographer/portfolio-bg.png) no-repeat center/cover
  }
  
  .portfolio-4 .next-arrow {
  position:absolute;
  top:-160px;
  right:75px
  }
  
  .portfolio-4 .next-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .next-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .portfolio-heading h3 {
  color:#47d990
  }
  
  .portfolio-4 .portfolio-pagination {
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery {
  padding-top:50px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img {
  margin-right:20px;
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay {
  position:absolute;
  width:80%;
  background-color:#fdcc04;
  height:0;
  top:9%;
  left:0;
  bottom:0;
  right:0;
  transform:translateX(9%);
  z-index:111;
  opacity:.9;
  transition:all .5s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn {
  display:flex;
  justify-content:center;
  align-items:center;
  width:54px;
  height:54px;
  background-color:#04091e;
  border-radius:100%;
  opacity:0;
  position:absolute;
  top:3%;
  right:3%;
  transition:all .4s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn i {
  color:#fff;
  font-size:20px;
  transform:rotate(-45deg)
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content {
  position:absolute;
  opacity:0;
  bottom:26px;
  left:30px;
  transition:all .4s;
  padding:0 30px 0 0
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content h3 {
  color:#04091e;
  font-weight:700
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content p {
  font-size:20px;
  padding-bottom:12px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay {
  height:83%
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-btn {
  opacity:1
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-overlay-content {
  opacity:1
  }
  
  .portfolio-4 .prev-arrow {
  position:absolute;
  top:-160px;
  right:0
  }
  
  .portfolio-4 .prev-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .prev-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .slick-active button {
  width:50px!important;
  border-radius:20px;
  background:#47D990!important
  }
  
  .portfolio-4 .slick-dots {
  gap:10px
  }
  
  .portfolio-4 .slick-dots button {
  width:20px;
  height:12px;
  background:#F5F5F5!important;
  border-radius:20px;
  opacity:1
  }
  
  .protfolio {
  padding:32px 0;
  background-color:#050F25
  }
  
  .protfolio-item {
  text-align:center
  }
  
  .protfolio-item ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item ul li {
  padding:40px 28px;
  background-color:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li span svg {
  fill:currentColor;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .protfolio-item ul li:hover span svg {
  fill:currentColor;
  color:#04091E
  }
  
  .protfolio-item-two {
  text-align:center
  }
  
  .protfolio-item-two ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item-two ul li {
  padding:40px 28px;
  background-color:#DAED1A;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#050F25;
  transition:all .4s
  }
  
  .protfolio-item-two ul li span svg {
  fill:currentColor;
  color:#050F25;
  transition:all .4s
  }
  
  .resume {
  padding:0 0 120px;
  background-color:#050F25
  }
  
  .resume-2 {
  padding:120px 0 33px
  }
  
  .resume-head {
  align-items:center;
  display:flex;
  gap:44px;
  border-bottom:1px solid #494C5F
  }
  
  .resume-head .resume-head-left h5 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .resume-head .resume-head-left p {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-top:4px
  }
  
  .resume-head .resume-head-right {
  display:flex;
  align-items:center;
  gap:8px
  }
  
  .resume-head .resume-head-right .left h2 {
  font-weight:700;
  font-size:72px;
  color:#DAED1A
  }
  
  .resume-head .resume-head-right .right p {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#fff
  }
  
  .resume-head .resume-head-right .right span {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#fff
  }
  
  .resume-head-p {
  padding-top:18px
  }
  
  .resume-head-p p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff
  }
  
  .resume-img img {
  width:100%
  }
  
  .resume-main {
  padding:60px 60px 100px!important;
  background-color:#091530;
  border:1px solid #494C5F;
  border-radius:12px
  }
  
  .resume-skill {
  display:flex;
  gap:470px;
  border-bottom:1px solid #494C5F;
  margin-top:80px;
  padding-bottom:7px
  }
  
  .resume-skill h3 {
  color:#fff;
  font-weight:400;
  font-size:24px;
  color:#F4F4F4
  }
  
  .resume-taitel {
  margin-bottom:60px
  }
  
  .resume-taitel h2 {
  font-weight:600;
  font-size:48px;
  color:#fff
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .shuffle {
  min-height:770px
  }
  
  .shuffle {
  min-height:770px
  }
  
  .skill-btn {
  display:inline-flex;
  gap:40px;
  flex-wrap:wrap;
  margin-top:47px
  }
  
  .skill-btn .active-two {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .skill-btn a {
  padding:4px 14px;
  background-color:#16213B;
  border-radius:6px;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#fff;
  margin-top:-20px;
  display:inline-block;
  transition:all .5s
  }
  
  .skill-btn a:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#2662FA;
  border:1px solid #2662FA;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn .btn-style-2 {
  background-color:transparent;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  transition:all .5s
  }
  
  .tap-btnn .btn-style-2 a {
  color:#fff
  }
  
  .tap-btnn .btn-style-2 a:hover {
  color:#04091E
  }
  
  .tap-btnn a {
  padding:16px 32px;
  border:1px solid #F4F4F4;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#fff;
  transition:all .5s
  }
  
  .tap-btnn a:hover {
  border:1px solid #DAED1A;
  color:#DAED1A
  }
  
  .tools-btn {
  display:flex;
  gap:48px;
  flex-wrap:wrap;
  margin-right:63px;
  margin-top:27px
  }
  
  .tools-btn .active-three span svg {
  fill:currentColor;
  color:#DAED1A
  }
  
  .tools-btn a span svg {
  fill:currentColor;
  color:#1D2A47;
  transition:all .5s
  }
  
  .tools-btn a span svg:hover {
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04
  }
  
  .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .container {
  max-width:1170px;
  margin:0 auto;
  padding:0
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  .row {
  margin:0;
  padding:0
  }
  
  .slick-active button {
  background-color:#F4DCC0;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  gap:15px;
  margin-top:60px
  }
  
  .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#FDCC04;
  opacity:.2;
  text-indent:-9999px
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  html {
  font-size:62.5%;
  margin:0;
  padding:0
  }
  
  p {
  font-size:18px;
  font-weight:400;
  margin:0;
  padding:0;
  color:#747681
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .accordion-body {
  padding:0 0 28px 50px
  }
  
  .accordion-body a {
  padding-top:10px;
  font-weight:400;
  font-size:18px;
  color:#2662FA;
  display:flex;
  align-items:center;
  gap:30px
  }
  
  .accordion-body p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .accordion-button {
  font-family:"Roboto",sans-serif,sans-serif;
  padding:13px 0 12px;
  font-weight:500;
  font-size:24px;
  color:#04091E;
  background-color:#fff
  }
  
  .accordion-button span {
  width:32px;
  height:32px;
  color:#04091E;
  text-align:center;
  line-height:32px;
  border-radius:50px;
  font-weight:500;
  font-size:18px;
  margin-right:20px
  }
  
  .accordion-button::after {
  width:13px;
  height:7px;
  background-image:url(../assets/image/others/icon/after-icon.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center
  }
  
  .accordion-button:focus {
  z-index:3;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .accordion-button:not(.collapsed) {
  color:#04091E;
  background-color:transparent;
  box-shadow:inset 0 -1px 0 transparent
  }
  
  .accordion-button:not(.collapsed) span {
  width:32px;
  height:32px;
  color:#fff;
  text-align:center;
  line-height:32px;
  border-radius:50px;
  background-color:#04091E
  }
  
  .accordion-button:not(.collapsed)::after {
  background-image:url(../assets/image/others/icon/after-icon.png);
  transform:rotate(-180deg)
  }
  
  .accordion-flush .accordion-collapse {
  border-bottom:2px solid #04091E
  }
  
  .accordion-flush .accordion-item .accordion-button {
  border-radius:0
  }
  
  .accordion-flush .accordion-item:last-child {
  border-bottom:1px solid #74768165
  }
  
  .accordion-form {
  padding:0 0 120px
  }
  
  .accordion-form .accordion-flush .accordion-item {
  border-bottom:1px solid #74768158
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body {
  padding:0 52px 26px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body a {
  text-decoration:underline;
  font-weight:400
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body a i {
  margin-left:30px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body p {
  padding-bottom:9px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button {
  padding:25px 0
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button span {
  width:36px;
  height:35px;
  color:#04091e;
  display:flex;
  font-size:18px;
  line-height:35px;
  font-weight:500;
  align-items:center;
  justify-content:center;
  border-radius:100%;
  margin-right:20px;
  transition:all .4s
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:focus {
  border:transparent;
  box-shadow:none;
  outline:none
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:not(.collapsed) {
  background-color:transparent
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:not(.collapsed) span {
  background:#04091e;
  color:#fff
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-collapse {
  border-bottom:2px solid #04091e
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-collapse:last-of-type {
  border-radius:0
  }
  
  .accordion-form .accordion-flush .accordion-item h3 {
  color:#04091e
  }
  
  .accordion-form .accordion-tittle {
  z-index:1;
  padding-bottom:15px
  }
  
  .accordion-form .accordion-tittle .accordion-tittle-img {
  z-index:-1;
  top:-2px;
  right:45px
  }
  
  .accordion-form .accordion-tittle span {
  display:block
  }
  
  .accordion-form .form {
  background:url(../assets/image/form-bg.png) no-repeat center/cover;
  padding:52px 32px 67px
  }
  
  .accordion-form .form .form-btn {
  margin-top:35px
  }
  
  .accordion-form .form .form-control {
  padding:14px 16px;
  font-size:14px;
  border:transparent;
  text-decoration:inherit
  }
  
  .accordion-form .form .form-control:focus {
  border-color:transparent;
  box-shadow:none;
  border:transparent
  }
  
  .accordion-item {
  background-color:#fff;
  border-bottom:1px solid #74768165
  }
  
  .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .form-control {
  display:block;
  width:100%;
  padding:14px 16px;
  font-weight:400;
  font-size:14px;
  font-family:"Roboto",sans-serif,sans-serif;
  border:1px solid #F4F4F4;
  border-radius:8px
  }
  
  .form-control:focus {
  color:#212529;
  background-color:#fff;
  border-color:#2662FA;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .form-label {
  margin-bottom:2px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#747681;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .lawyer-form {
  padding:120px 0!important;
  background:url(../assets/image/lawyer/form-bg.png) no-repeat center/cover
  }
  
  .lawyer-form .contact-form {
  background-color:#04091ece;
  padding:48px;
  border-radius:15px
  }
  
  .lawyer-form .contact-form .exampleFormControlInput1 {
  font-family:"Roboto",sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  background-color:#FFF;
  border-style:solid;
  border-width:1px;
  border-color:#373F51;
  box-shadow:0 0 10px 0 #0000
  }
  
  .lawyer-form .contact-form .form-control {
  color:#04091E;
  height:55px;
  width:100%;
  border-radius:4px 4px 4px 4px;
  padding:0 10px 0 16px;
  margin:10px 0;
  transition:.3s;
  font-weight:500
  }
  
  .lawyer-form .contact-form .form-control:focus {
  border-color:#ff3f00;
  box-shadow:none
  }
  
  .lawyer-form .contact-form .from-iinner-btn {
  line-height:0;
  margin-top:30px
  }
  
  .lawyer-form .contact-form .from-iinner-btn .btn-style-4 {
  width:210px
  }
  
  .lawyer-form .contact-form .from-iinner-btn a {
  background:#ff3f00;
  border-color:#ff3f00;
  color:#fff
  }
  
  .lawyer-form .contact-form .from-iinner-btn a i {
  margin-left:10px
  }
  
  .lawyer-form .contact-form .from-iitem {
  display:flex;
  gap:30px
  }
  
  .lawyer-form .contact-form .from-iitem .from-iinner {
  width:100%
  }
  
  .lawyer-form .contact-form .from-iitem .mb-3 .form-control {
  height:100%;
  padding:10px 10px 0 16px
  }
  
  .lawyer-form .contact-form ::-moz-placeholder {
  color:#747681
  }
  
  .lawyer-form .contact-form ::placeholder {
  color:#747681
  }
  
  .lawyer-form .contact-form input {
  margin-bottom:25px
  }
  
  .lawyer-form .hire-content h2 {
  color:#fff;
  padding:8px 0 20px
  }
  
  .lawyer-form .hire-content h2 span {
  display:block
  }
  
  .lawyer-form .hire-content p {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-form .hire-content p:last-child {
  color:#f4f4f4
  }
  
  .mb-3 {
  margin-bottom:0!important;
  width:100%
  }
  
  .p-r {
  padding-right:35px
  }
  
  .photographer-form {
  padding:120px 0;
  background:url(../assets/image/Photographer/form.png) no-repeat center/cover
  }
  
  .photographer-form .contact-form .form-btn {
  margin-top:30px;
  line-height:0
  }
  
  .photographer-form .contact-form .form-btn .btn-style-3 {
  width:210px
  }
  
  .photographer-form .contact-form .form-btn .btn-style-3 a {
  font-weight:500;
  font-size:18px
  }
  
  .photographer-form .contact-form .form-control {
  padding:14px 16px;
  font-size:14px;
  text-decoration:inherit;
  color:#fff;
  background-color:#050f25;
  border:1px solid #fff3
  }
  
  .photographer-form .contact-form .form-control:focus {
  border-color:transparent;
  box-shadow:none
  }
  
  .photographer-form .contact-form ::-moz-placeholder {
  color:#747681
  }
  
  .photographer-form .contact-form ::placeholder {
  color:#747681
  }
  
  .photographer-form .contact-form input {
  border-radius:8px;
  margin-bottom:25px
  }
  
  .photographer-form .hire-content h2 {
  color:#fff;
  padding:8px 0 20px
  }
  
  .photographer-form .hire-content h2 span {
  display:block
  }
  
  .photographer-form .hire-content p {
  color:#fdcc04;
  font-size:20px;
  line-height:32px
  }
  
  .photographer-form .hire-content p:last-child {
  color:#f4f4f4
  }
  
  .send .send-item {
  background:url(../assets/image/others/send.png) no-repeat center/cover;
  padding:52px 32px 67px
  }
  
  .send .send-item .send-btn {
  text-align:end;
  margin-top:38px;
  line-height:0
  }
  
  .send .send-item .send-inner {
  display:flex;
  gap:60px;
  padding-bottom:14px
  }
  
  .student {
  background:url(../assets/image/student.png);
  padding:110px 0 120px
  }
  
  .student .student-heading {
  padding-bottom:54px
  }
  
  .student .student-heading h2 {
  color:#fff;
  padding-top:12px;
  position:relative;
  z-index:1
  }
  
  .student .student-heading h2 img {
  position:absolute;
  top:54px;
  right:275px;
  z-index:-1
  }
  
  .student .student-heading h2 span {
  display:block
  }
  
  .student .student-heading h3 {
  color:#FDCC04
  }
  
  .student .student-video {
  margin:0 0 0 40px
  }
  
  .student .student-video .student-img {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center
  }
  
  .student .student-video .student-img .play-btn a {
  width:49px;
  height:49px;
  border:1px solid #fdcc04;
  background-color:#fdcc04;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center
  }
  
  .student .student-video .student-img .play-btn a i {
  font-size:18px;
  color:#fff
  }
  
  .student .student-video .student-video-two {
  margin:24px 0
  }
  
  .student .student-video-main {
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative
  }
  
  .student .student-video-main .play-btn a {
  width:119px;
  height:119px;
  border:1px solid #fdcc04;
  background-color:#fdcc04;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center
  }
  
  .student .student-video-main .play-btn a i {
  color:#fff;
  font-size:38px
  }
  
  .thought {
  padding:120px 0
  }
  
  .thought-2 {
  padding:120px 0
  }
  
  .thought-3 {
  padding:135px 0 120px
  }
  
  .thought-teacher .form-control:focus {
  border-color:#FDCC04
  }
  
  .thought-text {
  position:relative;
  z-index:1
  }
  
  .thought-text h2 {
  font-weight:700;
  font-size:50px;
  line-height:140%;
  color:#04091E
  }
  
  .thought-three {
  padding:120px 0
  }
  
  .thought-two {
  padding:312px 0 118px
  }
  
  .thought-vic {
  position:absolute;
  right:10px;
  top:8px;
  z-index:-1
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  

  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .Projec-too {
  background:url(../assets/image/others/banner/projecr-bg-2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1;
  background-color:transparent
  }
  
  .Project {
  background:url(../assets/image/Develop_2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1
  }
  
  .Project-btn {
  margin-top:45px;
  line-height:0
  }
  
  .Project-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:128%;
  color:#04091E
  }
  
  .Project-head p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:18px
  }
  
  .Project-head-middel {
  margin-top:18px
  }
  
  .Project-head-middel .Project-head-middel-item {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:15px
  }
  
  .Project-head-middel .Project-head-middel-item .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .Project-head-middel .Project-head-middel-item .text ul {
  margin:0;
  padding:0
  }
  
  .Project-head-middel .Project-head-middel-item .text ul li {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .Project-head-middel .Project-head-middel-item:last-child {
  padding-bottom:0
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-right-item {
  padding:0 33px 24px;
  background-color:#F2F6FE;
  border:1px solid #F4F4F4;
  border-radius:4px;
  transition:background-color .5s ease;
  z-index:222;
  margin:0 10px
  }
  
  .Project-right-item .Project-right-icon {
  display:flex;
  justify-content:center
  }
  
  .Project-right-item .Project-right-icon .icon {
  width:80px;
  height:80px;
  background-color:#2662FA;
  border-radius:50px;
  text-align:center;
  line-height:80px;
  margin-top:-35px;
  transition:.5s;
  border:1px solid #2662FA
  }
  
  .Project-right-item-text h3 {
  text-align:center;
  font-weight:600;
  font-size:40px;
  color:#04091E;
  padding-top:30px;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item-text p {
  text-align:center;
  font-weight:400;
  font-size:18px;
  text-transform:capitalize;
  color:#747681;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item:hover {
  background-color:#2662FA
  }
  
  .Project-right-item:hover .Project-right-icon .icon {
  border:1px solid #fff
  }
  
  .Project-right-item:hover .Project-right-item-text h3 {
  color:#fff
  }
  
  .Project-right-item:hover .Project-right-item-text p {
  color:#fff
  }
  
  .Project-right-top {
  margin-top:50px
  }
  
  .Project-two-three {
  background-color:#F7F7FD;
  z-index:1;
  position:absolute;
  width:100%
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .martop {
  margin-top:72px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .project-4 {
  padding:120px 0 0;
  background:url(../assets/image/Project-min.png) no-repeat top center;
  min-height:840px!important
  }
  
  .project-4 .project-section {
  background:#fff;
  padding:61px 38px 31px 57px;
  border-radius:4px;
  margin-top:170px;
  box-shadow:0 9px 126px #1400ff0f
  }
  
  .project-4 .project-section .project-content .project-btn {
  margin-top:44PX
  }
  
  .project-4 .project-section .project-content .project-list li {
  display:flex;
  align-items:center;
  padding-bottom:10px
  }
  
  .project-4 .project-section .project-content .project-list li i {
  margin-right:14px;
  font-size:16px;
  color:#fdcc04
  }
  
  .project-4 .project-section .project-content .project-list li p {
  color:#04091e
  }
  
  .project-4 .project-section .project-content .project-list li:last-child {
  padding-bottom:0
  }
  
  .project-4 .project-section .project-content .project-tittle p {
  padding:18px 0
  }
  
  .project-4 .project-section .project-counter-box {
  text-align:center;
  background-color:#f5f5f5;
  border:1px solid #f4f4f4;
  padding:24px 36px;
  margin:30px 10px;
  border-radius:4px;
  transition:all .5s linear
  }
  
  .project-4 .project-section .project-counter-box .counter-content {
  padding-top:21px
  }
  
  .project-4 .project-section .project-counter-box .counter-img {
  margin-top:-60px
  }
  
  .project-4 .project-section .project-counter-box:hover {
  background-color:#fdcc04
  }
  
  .project-4 .project-section .project-counter-box:hover p {
  color:#04091e
  }
  
  .project-bg {
  padding:62px 54px!important;
  margin:0 0 -20px;
  background-color:#fff;
  z-index:222;
  margin-top:-360px!important;
  position:relative;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:4px;
  border:1px solid #ECEAFF;
  position:relative;
  overflow:hidden
  }
  
  .project-bg::before {
  position:absolute;
  content:"";
  top:240px;
  left:-149px;
  width:470px;
  height:470px;
  border:100px solid #2662FA;
  opacity:.08;
  border-radius:50%
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04
  }
  
  .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .container {
  max-width:1170px;
  margin:0 auto;
  padding:0
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  .row {
  margin:0;
  padding:0
  }
  
  .slick-active button {
  background-color:#F4DCC0;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  gap:15px;
  margin-top:60px
  }
  
  .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#FDCC04;
  opacity:.2;
  text-indent:-9999px
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  html {
  font-size:62.5%;
  margin:0;
  padding:0
  }
  
  p {
  font-size:18px;
  font-weight:400;
  margin:0;
  padding:0;
  color:#747681
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .accordion-body {
  padding:0 0 28px 50px
  }
  
  .accordion-body a {
  padding-top:10px;
  font-weight:400;
  font-size:18px;
  color:#2662FA;
  display:flex;
  align-items:center;
  gap:30px
  }
  
  .accordion-body p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .accordion-button {
  font-family:"Roboto",sans-serif,sans-serif;
  padding:13px 0 12px;
  font-weight:500;
  font-size:24px;
  color:#04091E;
  background-color:#fff
  }
  
  .accordion-button span {
  width:32px;
  height:32px;
  color:#04091E;
  text-align:center;
  line-height:32px;
  border-radius:50px;
  font-weight:500;
  font-size:18px;
  margin-right:20px
  }
  
  .accordion-button::after {
  width:13px;
  height:7px;
  background-image:url(../assets/image/others/icon/after-icon.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center
  }
  
  .accordion-button:focus {
  z-index:3;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .accordion-button:not(.collapsed) {
  color:#04091E;
  background-color:transparent;
  box-shadow:inset 0 -1px 0 transparent
  }
  
  .accordion-button:not(.collapsed) span {
  width:32px;
  height:32px;
  color:#fff;
  text-align:center;
  line-height:32px;
  border-radius:50px;
  background-color:#04091E
  }
  
  .accordion-button:not(.collapsed)::after {
  background-image:url(../assets/image/others/icon/after-icon.png);
  transform:rotate(-180deg)
  }
  
  .accordion-flush .accordion-collapse {
  border-bottom:2px solid #04091E
  }
  
  .accordion-flush .accordion-item .accordion-button {
  border-radius:0
  }
  
  .accordion-flush .accordion-item:last-child {
  border-bottom:1px solid #74768165
  }
  
  .accordion-form {
  padding:0 0 120px
  }
  
  .accordion-form .accordion-flush .accordion-item {
  border-bottom:1px solid #74768158
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body {
  padding:0 52px 26px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body a {
  text-decoration:underline;
  font-weight:400
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body a i {
  margin-left:30px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body p {
  padding-bottom:9px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button {
  padding:25px 0
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button span {
  width:36px;
  height:35px;
  color:#04091e;
  display:flex;
  font-size:18px;
  line-height:35px;
  font-weight:500;
  align-items:center;
  justify-content:center;
  border-radius:100%;
  margin-right:20px;
  transition:all .4s
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:focus {
  border:transparent;
  box-shadow:none;
  outline:none
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:not(.collapsed) {
  background-color:transparent
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:not(.collapsed) span {
  background:#04091e;
  color:#fff
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-collapse {
  border-bottom:2px solid #04091e
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-collapse:last-of-type {
  border-radius:0
  }
  
  .accordion-form .accordion-flush .accordion-item h3 {
  color:#04091e
  }
  
  .accordion-form .accordion-tittle {
  z-index:1;
  padding-bottom:15px
  }
  
  .accordion-form .accordion-tittle .accordion-tittle-img {
  z-index:-1;
  top:-2px;
  right:45px
  }
  
  .accordion-form .accordion-tittle span {
  display:block
  }
  
  .accordion-form .form {
  background:url(../assets/image/form-bg.png) no-repeat center/cover;
  padding:52px 32px 67px
  }
  
  .accordion-form .form .form-btn {
  margin-top:35px
  }
  
  .accordion-form .form .form-control {
  padding:14px 16px;
  font-size:14px;
  border:transparent;
  text-decoration:inherit
  }
  
  .accordion-form .form .form-control:focus {
  border-color:transparent;
  box-shadow:none;
  border:transparent
  }
  
  .accordion-item {
  background-color:#fff;
  border-bottom:1px solid #74768165
  }
  
  .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
  }
  
  .award {
  padding:110px 0 120px;
  background:#FFF
  }
  
  .award .award-btn i {
  margin-left:10px
  }
  
  .award .award-heading h3 {
  color:#47d990
  }
  
  .award .award-image {
  margin-top:30px;
  padding:0 6px
  }
  
  .award .award-image .award-img-heading {
  bottom:26px;
  left:30px
  }
  
  .award .award-image .award-img-heading h3 {
  color:#FFF;
  font-weight:700
  }
  
  .award .award-image .award-img-heading h3 span {
  display:block
  }
  
  .award .award-image .award-img-heading p {
  color:#fdcc04;
  padding-bottom:12px
  }
  
  .award .award-image img {
  width:100%
  }
  
  .award .award-section {
  padding:0 0 22px
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .form-control {
  display:block;
  width:100%;
  padding:14px 16px;
  font-weight:400;
  font-size:14px;
  font-family:"Roboto",sans-serif,sans-serif;
  border:1px solid #F4F4F4;
  border-radius:8px
  }
  
  .form-control:focus {
  color:#212529;
  background-color:#fff;
  border-color:#2662FA;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .form-label {
  margin-bottom:2px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#747681;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .lawyer-form {
  padding:120px 0!important;
  background:url(../assets/image/lawyer/form-bg.png) no-repeat center/cover
  }
  
  .lawyer-form .contact-form {
  background-color:#04091ece;
  padding:48px;
  border-radius:15px
  }
  
  .lawyer-form .contact-form .exampleFormControlInput1 {
  font-family:"Roboto",sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  background-color:#FFF;
  border-style:solid;
  border-width:1px;
  border-color:#373F51;
  box-shadow:0 0 10px 0 #0000
  }
  
  .lawyer-form .contact-form .form-control {
  color:#04091E;
  height:55px;
  width:100%;
  border-radius:4px 4px 4px 4px;
  padding:0 10px 0 16px;
  margin:10px 0;
  transition:.3s;
  font-weight:500
  }
  
  .lawyer-form .contact-form .form-control:focus {
  border-color:#ff3f00;
  box-shadow:none
  }
  
  .lawyer-form .contact-form .from-iinner-btn {
  line-height:0;
  margin-top:30px
  }
  
  .lawyer-form .contact-form .from-iinner-btn .btn-style-4 {
  width:210px
  }
  
  .lawyer-form .contact-form .from-iinner-btn a {
  background:#ff3f00;
  border-color:#ff3f00;
  color:#fff
  }
  
  .lawyer-form .contact-form .from-iinner-btn a i {
  margin-left:10px
  }
  
  .lawyer-form .contact-form .from-iitem {
  display:flex;
  gap:30px
  }
  
  .lawyer-form .contact-form .from-iitem .from-iinner {
  width:100%
  }
  
  .lawyer-form .contact-form .from-iitem .mb-3 .form-control {
  height:100%;
  padding:10px 10px 0 16px
  }
  
  .lawyer-form .contact-form ::-moz-placeholder {
  color:#747681
  }
  
  .lawyer-form .contact-form ::placeholder {
  color:#747681
  }
  
  .lawyer-form .contact-form input {
  margin-bottom:25px
  }
  
  .lawyer-form .hire-content h2 {
  color:#fff;
  padding:8px 0 20px
  }
  
  .lawyer-form .hire-content h2 span {
  display:block
  }
  
  .lawyer-form .hire-content p {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-form .hire-content p:last-child {
  color:#f4f4f4
  }
  
  .mb-3 {
  margin-bottom:0!important;
  width:100%
  }
  
  .p-r {
  padding-right:35px
  }
  
  .photographer-form {
  padding:120px 0;
  background:url(../assets/image/Photographer/form.png) no-repeat center/cover
  }
  
  .photographer-form .contact-form .form-btn {
  margin-top:30px;
  line-height:0
  }
  
  .photographer-form .contact-form .form-btn .btn-style-3 {
  width:210px
  }
  
  .photographer-form .contact-form .form-btn .btn-style-3 a {
  font-weight:500;
  font-size:18px
  }
  
  .photographer-form .contact-form .form-control {
  padding:14px 16px;
  font-size:14px;
  text-decoration:inherit;
  color:#fff;
  background-color:#050f25;
  border:1px solid #fff3
  }
  
  .photographer-form .contact-form .form-control:focus {
  border-color:transparent;
  box-shadow:none
  }
  
  .photographer-form .contact-form ::-moz-placeholder {
  color:#747681
  }
  
  .photographer-form .contact-form ::placeholder {
  color:#747681
  }
  
  .photographer-form .contact-form input {
  border-radius:8px;
  margin-bottom:25px
  }
  
  .photographer-form .hire-content h2 {
  color:#fff;
  padding:8px 0 20px
  }
  
  .photographer-form .hire-content h2 span {
  display:block
  }
  
  .photographer-form .hire-content p {
  color:#fdcc04;
  font-size:20px;
  line-height:32px
  }
  
  .photographer-form .hire-content p:last-child {
  color:#f4f4f4
  }
  
  .send .send-item {
  background:url(../assets/image/others/send.png) no-repeat center/cover;
  padding:52px 32px 67px
  }
  
  .send .send-item .send-btn {
  text-align:end;
  margin-top:38px;
  line-height:0
  }
  
  .send .send-item .send-inner {
  display:flex;
  gap:60px;
  padding-bottom:14px
  }
  
  .student {
  background:url(../assets/image/student.png);
  padding:110px 0 120px
  }
  
  .student .student-heading {
  padding-bottom:54px
  }
  
  .student .student-heading h2 {
  color:#fff;
  padding-top:12px;
  position:relative;
  z-index:1
  }
  
  .student .student-heading h2 img {
  position:absolute;
  top:54px;
  right:275px;
  z-index:-1
  }
  
  .student .student-heading h2 span {
  display:block
  }
  
  .student .student-heading h3 {
  color:#FDCC04
  }
  
  .student .student-video {
  margin:0 0 0 40px
  }
  
  .student .student-video .student-img {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center
  }
  
  .student .student-video .student-img .play-btn a {
  width:49px;
  height:49px;
  border:1px solid #fdcc04;
  background-color:#fdcc04;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center
  }
  
  .student .student-video .student-img .play-btn a i {
  font-size:18px;
  color:#fff
  }
  
  .student .student-video .student-video-two {
  margin:24px 0
  }
  
  .student .student-video-main {
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative
  }
  
  .student .student-video-main .play-btn a {
  width:119px;
  height:119px;
  border:1px solid #fdcc04;
  background-color:#fdcc04;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center
  }
  
  .student .student-video-main .play-btn a i {
  color:#fff;
  font-size:38px
  }
  
  .thought {
  padding:120px 0
  }
  
  .thought-2 {
  padding:120px 0
  }
  
  .thought-3 {
  padding:135px 0 120px
  }
  
  .thought-teacher .form-control:focus {
  border-color:#FDCC04
  }
  
  .thought-text {
  position:relative;
  z-index:1
  }
  
  .thought-text h2 {
  font-weight:700;
  font-size:50px;
  line-height:140%;
  color:#04091E
  }
  
  .thought-three {
  padding:120px 0
  }
  
  .thought-two {
  padding:312px 0 118px
  }
  
  .thought-vic {
  position:absolute;
  right:10px;
  top:8px;
  z-index:-1
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab .shaf-filter .course-filter li .active {
  background:#47D990
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:160%;
  cursor:pointer;
  transition:all .5s
  }
  
  #tab ul li:hover {
  background-color:#fff;
  color:#04091E
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .Projec-too {
  background:url(../assets/image/others/banner/projecr-bg-2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1;
  background-color:transparent
  }
  
  .Project {
  background:url(../assets/image/Develop_2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1
  }
  
  .Project-btn {
  margin-top:45px;
  line-height:0
  }
  
  .Project-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:128%;
  color:#04091E
  }
  
  .Project-head p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:18px
  }
  
  .Project-head-middel {
  margin-top:18px
  }
  
  .Project-head-middel .Project-head-middel-item {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:15px
  }
  
  .Project-head-middel .Project-head-middel-item .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .Project-head-middel .Project-head-middel-item .text ul {
  margin:0;
  padding:0
  }
  
  .Project-head-middel .Project-head-middel-item .text ul li {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .Project-head-middel .Project-head-middel-item:last-child {
  padding-bottom:0
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-right-item {
  padding:0 33px 24px;
  background-color:#F2F6FE;
  border:1px solid #F4F4F4;
  border-radius:4px;
  transition:background-color .5s ease;
  z-index:222;
  margin:0 10px
  }
  
  .Project-right-item .Project-right-icon {
  display:flex;
  justify-content:center
  }
  
  .Project-right-item .Project-right-icon .icon {
  width:80px;
  height:80px;
  background-color:#2662FA;
  border-radius:50px;
  text-align:center;
  line-height:80px;
  margin-top:-35px;
  transition:.5s;
  border:1px solid #2662FA
  }
  
  .Project-right-item-text h3 {
  text-align:center;
  font-weight:600;
  font-size:40px;
  color:#04091E;
  padding-top:30px;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item-text p {
  text-align:center;
  font-weight:400;
  font-size:18px;
  text-transform:capitalize;
  color:#747681;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item:hover {
  background-color:#2662FA
  }
  
  .Project-right-item:hover .Project-right-icon .icon {
  border:1px solid #fff
  }
  
  .Project-right-item:hover .Project-right-item-text h3 {
  color:#fff
  }
  
  .Project-right-item:hover .Project-right-item-text p {
  color:#fff
  }
  
  .Project-right-top {
  margin-top:50px
  }
  
  .Project-two-three {
  background-color:#F7F7FD;
  z-index:1;
  position:absolute;
  width:100%
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .course-filter .active {
  background-color:#fff;
  color:#04091E!important
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .martop {
  margin-top:72px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .portfolio-4 {
  padding:110px 0 120px;
  background:url(../assets/image/Photographer/portfolio-bg.png) no-repeat center/cover
  }
  
  .portfolio-4 .next-arrow {
  position:absolute;
  top:-160px;
  right:75px
  }
  
  .portfolio-4 .next-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .next-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .portfolio-heading h3 {
  color:#47d990
  }
  
  .portfolio-4 .portfolio-pagination {
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery {
  padding-top:50px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img {
  margin-right:20px;
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay {
  position:absolute;
  width:80%;
  background-color:#fdcc04;
  height:0;
  top:9%;
  left:0;
  bottom:0;
  right:0;
  transform:translateX(9%);
  z-index:111;
  opacity:.9;
  transition:all .5s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn {
  display:flex;
  justify-content:center;
  align-items:center;
  width:54px;
  height:54px;
  background-color:#04091e;
  border-radius:100%;
  opacity:0;
  position:absolute;
  top:3%;
  right:3%;
  transition:all .4s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn i {
  color:#fff;
  font-size:20px;
  transform:rotate(-45deg)
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content {
  position:absolute;
  opacity:0;
  bottom:26px;
  left:30px;
  transition:all .4s;
  padding:0 30px 0 0
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content h3 {
  color:#04091e;
  font-weight:700
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content p {
  font-size:20px;
  padding-bottom:12px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay {
  height:83%
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-btn {
  opacity:1
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-overlay-content {
  opacity:1
  }
  
  .portfolio-4 .prev-arrow {
  position:absolute;
  top:-160px;
  right:0
  }
  
  .portfolio-4 .prev-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .prev-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .slick-active button {
  width:50px!important;
  border-radius:20px;
  background:#47D990!important
  }
  
  .portfolio-4 .slick-dots {
  gap:10px
  }
  
  .portfolio-4 .slick-dots button {
  width:20px;
  height:12px;
  background:#F5F5F5!important;
  border-radius:20px;
  opacity:1
  }
  
  .project-4 {
  padding:120px 0 0;
  background:url(../assets/image/Project-min.png) no-repeat top center;
  min-height:840px!important
  }
  
  .project-4 .project-section {
  background:#fff;
  padding:61px 38px 31px 57px;
  border-radius:4px;
  margin-top:170px;
  box-shadow:0 9px 126px #1400ff0f
  }
  
  .project-4 .project-section .project-content .project-btn {
  margin-top:44PX
  }
  
  .project-4 .project-section .project-content .project-list li {
  display:flex;
  align-items:center;
  padding-bottom:10px
  }
  
  .project-4 .project-section .project-content .project-list li i {
  margin-right:14px;
  font-size:16px;
  color:#fdcc04
  }
  
  .project-4 .project-section .project-content .project-list li p {
  color:#04091e
  }
  
  .project-4 .project-section .project-content .project-list li:last-child {
  padding-bottom:0
  }
  
  .project-4 .project-section .project-content .project-tittle p {
  padding:18px 0
  }
  
  .project-4 .project-section .project-counter-box {
  text-align:center;
  background-color:#f5f5f5;
  border:1px solid #f4f4f4;
  padding:24px 36px;
  margin:30px 10px;
  border-radius:4px;
  transition:all .5s linear
  }
  
  .project-4 .project-section .project-counter-box .counter-content {
  padding-top:21px
  }
  
  .project-4 .project-section .project-counter-box .counter-img {
  margin-top:-60px
  }
  
  .project-4 .project-section .project-counter-box:hover {
  background-color:#fdcc04
  }
  
  .project-4 .project-section .project-counter-box:hover p {
  color:#04091e
  }
  
  .project-bg {
  padding:62px 54px!important;
  margin:0 0 -20px;
  background-color:#fff;
  z-index:222;
  margin-top:-360px!important;
  position:relative;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:4px;
  border:1px solid #ECEAFF;
  position:relative;
  overflow:hidden
  }
  
  .project-bg::before {
  position:absolute;
  content:"";
  top:240px;
  left:-149px;
  width:470px;
  height:470px;
  border:100px solid #2662FA;
  opacity:.08;
  border-radius:50%
  }
  
  .protfolio {
  padding:32px 0;
  background-color:#050F25
  }
  
  .protfolio-item {
  text-align:center
  }
  
  .protfolio-item ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item ul li {
  padding:40px 28px;
  background-color:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li span svg {
  fill:currentColor;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .protfolio-item ul li:hover span svg {
  fill:currentColor;
  color:#04091E
  }
  
  .protfolio-item-two {
  text-align:center
  }
  
  .protfolio-item-two ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item-two ul li {
  padding:40px 28px;
  background-color:#DAED1A;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#050F25;
  transition:all .4s
  }
  
  .protfolio-item-two ul li span svg {
  fill:currentColor;
  color:#050F25;
  transition:all .4s
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .shuffle {
  min-height:770px
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#2662FA;
  border:1px solid #2662FA;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn .btn-style-2 {
  background-color:transparent;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  transition:all .5s
  }
  
  .tap-btnn .btn-style-2 a {
  color:#fff
  }
  
  .tap-btnn .btn-style-2 a:hover {
  color:#04091E
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04
  }
  
  .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .container {
  max-width:1170px;
  margin:0 auto;
  padding:0
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  .row {
  margin:0;
  padding:0
  }
  
  .slick-active button {
  background-color:#F4DCC0;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  gap:15px;
  margin-top:60px
  }
  
  .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#FDCC04;
  opacity:.2;
  text-indent:-9999px
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  html {
  font-size:62.5%;
  margin:0;
  padding:0
  }
  
  p {
  font-size:18px;
  font-weight:400;
  margin:0;
  padding:0;
  color:#747681
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .accordion-body {
  padding:0 0 28px 50px
  }
  
  .accordion-body a {
  padding-top:10px;
  font-weight:400;
  font-size:18px;
  color:#2662FA;
  display:flex;
  align-items:center;
  gap:30px
  }
  
  .accordion-body p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .accordion-button {
  font-family:"Roboto",sans-serif,sans-serif;
  padding:13px 0 12px;
  font-weight:500;
  font-size:24px;
  color:#04091E;
  background-color:#fff
  }
  
  .accordion-button span {
  width:32px;
  height:32px;
  color:#04091E;
  text-align:center;
  line-height:32px;
  border-radius:50px;
  font-weight:500;
  font-size:18px;
  margin-right:20px
  }
  
  .accordion-button::after {
  width:13px;
  height:7px;
  background-image:url(../assets/image/others/icon/after-icon.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center
  }
  
  .accordion-button:focus {
  z-index:3;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .accordion-button:not(.collapsed) {
  color:#04091E;
  background-color:transparent;
  box-shadow:inset 0 -1px 0 transparent
  }
  
  .accordion-button:not(.collapsed) span {
  width:32px;
  height:32px;
  color:#fff;
  text-align:center;
  line-height:32px;
  border-radius:50px;
  background-color:#04091E
  }
  
  .accordion-button:not(.collapsed)::after {
  background-image:url(../assets/image/others/icon/after-icon.png);
  transform:rotate(-180deg)
  }
  
  .accordion-flush .accordion-collapse {
  border-bottom:2px solid #04091E
  }
  
  .accordion-flush .accordion-item .accordion-button {
  border-radius:0
  }
  
  .accordion-flush .accordion-item:last-child {
  border-bottom:1px solid #74768165
  }
  
  .accordion-form {
  padding:0 0 120px
  }
  
  .accordion-form .accordion-flush .accordion-item {
  border-bottom:1px solid #74768158
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body {
  padding:0 52px 26px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body a {
  text-decoration:underline;
  font-weight:400
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body a i {
  margin-left:30px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body p {
  padding-bottom:9px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button {
  padding:25px 0
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button span {
  width:36px;
  height:35px;
  color:#04091e;
  display:flex;
  font-size:18px;
  line-height:35px;
  font-weight:500;
  align-items:center;
  justify-content:center;
  border-radius:100%;
  margin-right:20px;
  transition:all .4s
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:focus {
  border:transparent;
  box-shadow:none;
  outline:none
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:not(.collapsed) {
  background-color:transparent
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:not(.collapsed) span {
  background:#04091e;
  color:#fff
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-collapse {
  border-bottom:2px solid #04091e
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-collapse:last-of-type {
  border-radius:0
  }
  
  .accordion-form .accordion-flush .accordion-item h3 {
  color:#04091e
  }
  
  .accordion-form .accordion-tittle {
  z-index:1;
  padding-bottom:15px
  }
  
  .accordion-form .accordion-tittle .accordion-tittle-img {
  z-index:-1;
  top:-2px;
  right:45px
  }
  
  .accordion-form .accordion-tittle span {
  display:block
  }
  
  .accordion-form .form {
  background:url(../assets/image/form-bg.png) no-repeat center/cover;
  padding:52px 32px 67px
  }
  
  .accordion-form .form .form-btn {
  margin-top:35px
  }
  
  .accordion-form .form .form-control {
  padding:14px 16px;
  font-size:14px;
  border:transparent;
  text-decoration:inherit
  }
  
  .accordion-form .form .form-control:focus {
  border-color:transparent;
  box-shadow:none;
  border:transparent
  }
  
  .accordion-item {
  background-color:#fff;
  border-bottom:1px solid #74768165
  }
  
  .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
  }
  
  .award {
  padding:110px 0 120px;
  background:#FFF
  }
  
  .award .award-btn i {
  margin-left:10px
  }
  
  .award .award-heading h3 {
  color:#47d990
  }
  
  .award .award-image {
  margin-top:30px;
  padding:0 6px
  }
  
  .award .award-image .award-img-heading {
  bottom:26px;
  left:30px
  }
  
  .award .award-image .award-img-heading h3 {
  color:#FFF;
  font-weight:700
  }
  
  .award .award-image .award-img-heading h3 span {
  display:block
  }
  
  .award .award-image .award-img-heading p {
  color:#fdcc04;
  padding-bottom:12px
  }
  
  .award .award-image img {
  width:100%
  }
  
  .award .award-section {
  padding:0 0 22px
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .form-control {
  display:block;
  width:100%;
  padding:14px 16px;
  font-weight:400;
  font-size:14px;
  font-family:"Roboto",sans-serif,sans-serif;
  border:1px solid #F4F4F4;
  border-radius:8px
  }
  
  .form-control:focus {
  color:#212529;
  background-color:#fff;
  border-color:#2662FA;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .form-label {
  margin-bottom:2px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#747681;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .lawyer-form {
  padding:120px 0!important;
  background:url(../assets/image/lawyer/form-bg.png) no-repeat center/cover
  }
  
  .lawyer-form .contact-form {
  background-color:#04091ece;
  padding:48px;
  border-radius:15px
  }
  
  .lawyer-form .contact-form .exampleFormControlInput1 {
  font-family:"Roboto",sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  background-color:#FFF;
  border-style:solid;
  border-width:1px;
  border-color:#373F51;
  box-shadow:0 0 10px 0 #0000
  }
  
  .lawyer-form .contact-form .form-control {
  color:#04091E;
  height:55px;
  width:100%;
  border-radius:4px 4px 4px 4px;
  padding:0 10px 0 16px;
  margin:10px 0;
  transition:.3s;
  font-weight:500
  }
  
  .lawyer-form .contact-form .form-control:focus {
  border-color:#ff3f00;
  box-shadow:none
  }
  
  .lawyer-form .contact-form .from-iinner-btn {
  line-height:0;
  margin-top:30px
  }
  
  .lawyer-form .contact-form .from-iinner-btn .btn-style-4 {
  width:210px
  }
  
  .lawyer-form .contact-form .from-iinner-btn a {
  background:#ff3f00;
  border-color:#ff3f00;
  color:#fff
  }
  
  .lawyer-form .contact-form .from-iinner-btn a i {
  margin-left:10px
  }
  
  .lawyer-form .contact-form .from-iitem {
  display:flex;
  gap:30px
  }
  
  .lawyer-form .contact-form .from-iitem .from-iinner {
  width:100%
  }
  
  .lawyer-form .contact-form .from-iitem .mb-3 .form-control {
  height:100%;
  padding:10px 10px 0 16px
  }
  
  .lawyer-form .contact-form ::-moz-placeholder {
  color:#747681
  }
  
  .lawyer-form .contact-form ::placeholder {
  color:#747681
  }
  
  .lawyer-form .contact-form input {
  margin-bottom:25px
  }
  
  .lawyer-form .hire-content h2 {
  color:#fff;
  padding:8px 0 20px
  }
  
  .lawyer-form .hire-content h2 span {
  display:block
  }
  
  .lawyer-form .hire-content p {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-form .hire-content p:last-child {
  color:#f4f4f4
  }
  
  .mb-3 {
  margin-bottom:0!important;
  width:100%
  }
  
  .p-r {
  padding-right:35px
  }
  
  .photographer-form {
  padding:120px 0;
  background:url(../assets/image/Photographer/form.png) no-repeat center/cover
  }
  
  .photographer-form .contact-form .form-btn {
  margin-top:30px;
  line-height:0
  }
  
  .photographer-form .contact-form .form-btn .btn-style-3 {
  width:210px
  }
  
  .photographer-form .contact-form .form-btn .btn-style-3 a {
  font-weight:500;
  font-size:18px
  }
  
  .photographer-form .contact-form .form-control {
  padding:14px 16px;
  font-size:14px;
  text-decoration:inherit;
  color:#fff;
  background-color:#050f25;
  border:1px solid #fff3
  }
  
  .photographer-form .contact-form .form-control:focus {
  border-color:transparent;
  box-shadow:none
  }
  
  .photographer-form .contact-form ::-moz-placeholder {
  color:#747681
  }
  
  .photographer-form .contact-form ::placeholder {
  color:#747681
  }
  
  .photographer-form .contact-form input {
  border-radius:8px;
  margin-bottom:25px
  }
  
  .photographer-form .hire-content h2 {
  color:#fff;
  padding:8px 0 20px
  }
  
  .photographer-form .hire-content h2 span {
  display:block
  }
  
  .photographer-form .hire-content p {
  color:#fdcc04;
  font-size:20px;
  line-height:32px
  }
  
  .photographer-form .hire-content p:last-child {
  color:#f4f4f4
  }
  
  .send .send-item {
  background:url(../assets/image/others/send.png) no-repeat center/cover;
  padding:52px 32px 67px
  }
  
  .send .send-item .send-btn {
  text-align:end;
  margin-top:38px;
  line-height:0
  }
  
  .send .send-item .send-inner {
  display:flex;
  gap:60px;
  padding-bottom:14px
  }
  
  .student {
  background:url(../assets/image/student.png);
  padding:110px 0 120px
  }
  
  .student .student-heading {
  padding-bottom:54px
  }
  
  .student .student-heading h2 {
  color:#fff;
  padding-top:12px;
  position:relative;
  z-index:1
  }
  
  .student .student-heading h2 img {
  position:absolute;
  top:54px;
  right:275px;
  z-index:-1
  }
  
  .student .student-heading h2 span {
  display:block
  }
  
  .student .student-heading h3 {
  color:#FDCC04
  }
  
  .student .student-video {
  margin:0 0 0 40px
  }
  
  .student .student-video .student-img {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center
  }
  
  .student .student-video .student-img .play-btn a {
  width:49px;
  height:49px;
  border:1px solid #fdcc04;
  background-color:#fdcc04;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center
  }
  
  .student .student-video .student-img .play-btn a i {
  font-size:18px;
  color:#fff
  }
  
  .student .student-video .student-video-two {
  margin:24px 0
  }
  
  .student .student-video-main {
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative
  }
  
  .student .student-video-main .play-btn a {
  width:119px;
  height:119px;
  border:1px solid #fdcc04;
  background-color:#fdcc04;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center
  }
  
  .student .student-video-main .play-btn a i {
  color:#fff;
  font-size:38px
  }
  
  .thought {
  padding:120px 0
  }
  
  .thought-2 {
  padding:120px 0
  }
  
  .thought-3 {
  padding:135px 0 120px
  }
  
  .thought-teacher .form-control:focus {
  border-color:#FDCC04
  }
  
  .thought-text {
  position:relative;
  z-index:1
  }
  
  .thought-text h2 {
  font-weight:700;
  font-size:50px;
  line-height:140%;
  color:#04091E
  }
  
  .thought-three {
  padding:120px 0
  }
  
  .thought-two {
  padding:312px 0 118px
  }
  
  .thought-vic {
  position:absolute;
  right:10px;
  top:8px;
  z-index:-1
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab .shaf-filter .course-filter li .active {
  background:#47D990
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:160%;
  cursor:pointer;
  transition:all .5s
  }
  
  #tab ul li:hover {
  background-color:#fff;
  color:#04091E
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
 
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .Projec-too {
  background:url(../assets/image/others/banner/projecr-bg-2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1;
  background-color:transparent
  }
  
  .Project {
  background:url(../assets/image/Develop_2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1
  }
  
  .Project-btn {
  margin-top:45px;
  line-height:0
  }
  
  .Project-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:128%;
  color:#04091E
  }
  
  .Project-head p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:18px
  }
  
  .Project-head-middel {
  margin-top:18px
  }
  
  .Project-head-middel .Project-head-middel-item {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:15px
  }
  
  .Project-head-middel .Project-head-middel-item .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .Project-head-middel .Project-head-middel-item .text ul {
  margin:0;
  padding:0
  }
  
  .Project-head-middel .Project-head-middel-item .text ul li {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .Project-head-middel .Project-head-middel-item:last-child {
  padding-bottom:0
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-right-item {
  padding:0 33px 24px;
  background-color:#F2F6FE;
  border:1px solid #F4F4F4;
  border-radius:4px;
  transition:background-color .5s ease;
  z-index:222;
  margin:0 10px
  }
  
  .Project-right-item .Project-right-icon {
  display:flex;
  justify-content:center
  }
  
  .Project-right-item .Project-right-icon .icon {
  width:80px;
  height:80px;
  background-color:#2662FA;
  border-radius:50px;
  text-align:center;
  line-height:80px;
  margin-top:-35px;
  transition:.5s;
  border:1px solid #2662FA
  }
  
  .Project-right-item-text h3 {
  text-align:center;
  font-weight:600;
  font-size:40px;
  color:#04091E;
  padding-top:30px;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item-text p {
  text-align:center;
  font-weight:400;
  font-size:18px;
  text-transform:capitalize;
  color:#747681;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item:hover {
  background-color:#2662FA
  }
  
  .Project-right-item:hover .Project-right-icon .icon {
  border:1px solid #fff
  }
  
  .Project-right-item:hover .Project-right-item-text h3 {
  color:#fff
  }
  
  .Project-right-item:hover .Project-right-item-text p {
  color:#fff
  }
  
  .Project-right-top {
  margin-top:50px
  }
  
  .Project-two-three {
  background-color:#F7F7FD;
  z-index:1;
  position:absolute;
  width:100%
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .brand-head {
  margin:50px 0 33px
  }
  
  .brand-head h2 {
  text-align:center;
  font-weight:500;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  opacity:.8
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .course-filter .active {
  background-color:#fff;
  color:#04091E!important
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyear-testimonial {
  padding:110px 0 116px;
  background:url(../assets/image/Lawyer/testimonial-bg.png) no-repeat center/cover
  }
  
  .lawyear-testimonial .testimonial-brand .testimonial-brand-heading {
  text-align:center;
  padding-top:50px;
  padding-bottom:34px
  }
  
  .lawyear-testimonial .testimonial-brand .testimonial-brand-heading h3 {
  color:#04091e
  }
  
  .lawyear-testimonial .testimonial-brand-img .testimonial-brand-inner-img span svg {
  fill:currentColor;
  color:#747681;
  transition:all .5s
  }
  
  .lawyear-testimonial .testimonial-brand-img .testimonial-brand-inner-img:hover span svg {
  color:#ff3f00
  }
  
  .lawyear-testimonial .testimonial-brand-img-2 .testimonial-brand-inner-img span svg {
  fill:currentColor;
  color:#747681;
  transition:all .5s;
  color:#ff3f00
  }
  
  .lawyear-testimonial .testimonial-brand-img-2 .testimonial-brand-inner-img:hover span svg {
  color:#747681
  }
  
  .lawyear-testimonial .testimonial-content h3 {
  color:#04091e;
  padding-top:34px;
  font-weight:700
  }
  
  .lawyear-testimonial .testimonial-content p {
  font-size:20px
  }
  
  .lawyear-testimonial .testimonial-heading {
  text-align:center;
  padding-bottom:52px
  }
  
  .lawyear-testimonial .testimonial-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .lawyear-testimonial .testimonial-img img {
  width:100%
  }
  
  .lawyear-testimonial .testimonial-mr {
  padding:0
  }
  
  .lawyear-testimonial .testimonial-top {
  padding:30px 30px 30px 41px;
  background-color:#fff;
  border:1px solid #f4f4f4;
  box-shadow:0 9px 126px 0 #1400ff0f;
  width:940px;
  margin:auto
  }
  
  .lawyear-testimonial .testimonial-top .testimonial-box .testimonial-item i {
  font-size:15px;
  color:#fdcc04;
  padding-bottom:30px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .martop {
  margin-top:72px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .portfolio-4 {
  padding:110px 0 120px;
  background:url(../assets/image/Photographer/portfolio-bg.png) no-repeat center/cover
  }
  
  .portfolio-4 .next-arrow {
  position:absolute;
  top:-160px;
  right:75px
  }
  
  .portfolio-4 .next-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .next-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .portfolio-heading h3 {
  color:#47d990
  }
  
  .portfolio-4 .portfolio-pagination {
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery {
  padding-top:50px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img {
  margin-right:20px;
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay {
  position:absolute;
  width:80%;
  background-color:#fdcc04;
  height:0;
  top:9%;
  left:0;
  bottom:0;
  right:0;
  transform:translateX(9%);
  z-index:111;
  opacity:.9;
  transition:all .5s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn {
  display:flex;
  justify-content:center;
  align-items:center;
  width:54px;
  height:54px;
  background-color:#04091e;
  border-radius:100%;
  opacity:0;
  position:absolute;
  top:3%;
  right:3%;
  transition:all .4s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn i {
  color:#fff;
  font-size:20px;
  transform:rotate(-45deg)
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content {
  position:absolute;
  opacity:0;
  bottom:26px;
  left:30px;
  transition:all .4s;
  padding:0 30px 0 0
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content h3 {
  color:#04091e;
  font-weight:700
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content p {
  font-size:20px;
  padding-bottom:12px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay {
  height:83%
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-btn {
  opacity:1
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-overlay-content {
  opacity:1
  }
  
  .portfolio-4 .prev-arrow {
  position:absolute;
  top:-160px;
  right:0
  }
  
  .portfolio-4 .prev-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .prev-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .slick-active button {
  width:50px!important;
  border-radius:20px;
  background:#47D990!important
  }
  
  .portfolio-4 .slick-dots {
  gap:10px
  }
  
  .portfolio-4 .slick-dots button {
  width:20px;
  height:12px;
  background:#F5F5F5!important;
  border-radius:20px;
  opacity:1
  }
  
  .project-4 {
  padding:120px 0 0;
  background:url(../assets/image/Project-min.png) no-repeat top center;
  min-height:840px!important
  }
  
  .project-4 .project-section {
  background:#fff;
  padding:61px 38px 31px 57px;
  border-radius:4px;
  margin-top:170px;
  box-shadow:0 9px 126px #1400ff0f
  }
  
  .project-4 .project-section .project-content .project-btn {
  margin-top:44PX
  }
  
  .project-4 .project-section .project-content .project-list li {
  display:flex;
  align-items:center;
  padding-bottom:10px
  }
  
  .project-4 .project-section .project-content .project-list li i {
  margin-right:14px;
  font-size:16px;
  color:#fdcc04
  }
  
  .project-4 .project-section .project-content .project-list li p {
  color:#04091e
  }
  
  .project-4 .project-section .project-content .project-list li:last-child {
  padding-bottom:0
  }
  
  .project-4 .project-section .project-content .project-tittle p {
  padding:18px 0
  }
  
  .project-4 .project-section .project-counter-box {
  text-align:center;
  background-color:#f5f5f5;
  border:1px solid #f4f4f4;
  padding:24px 36px;
  margin:30px 10px;
  border-radius:4px;
  transition:all .5s linear
  }
  
  .project-4 .project-section .project-counter-box .counter-content {
  padding-top:21px
  }
  
  .project-4 .project-section .project-counter-box .counter-img {
  margin-top:-60px
  }
  
  .project-4 .project-section .project-counter-box:hover {
  background-color:#fdcc04
  }
  
  .project-4 .project-section .project-counter-box:hover p {
  color:#04091e
  }
  
  .project-bg {
  padding:62px 54px!important;
  margin:0 0 -20px;
  background-color:#fff;
  z-index:222;
  margin-top:-360px!important;
  position:relative;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:4px;
  border:1px solid #ECEAFF;
  position:relative;
  overflow:hidden
  }
  
  .project-bg::before {
  position:absolute;
  content:"";
  top:240px;
  left:-149px;
  width:470px;
  height:470px;
  border:100px solid #2662FA;
  opacity:.08;
  border-radius:50%
  }
  
  .protfolio {
  padding:32px 0;
  background-color:#050F25
  }
  
  .protfolio-item {
  text-align:center
  }
  
  .protfolio-item ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item ul li {
  padding:40px 28px;
  background-color:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li span svg {
  fill:currentColor;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .protfolio-item ul li:hover span svg {
  fill:currentColor;
  color:#04091E
  }
  
  .protfolio-item-two {
  text-align:center
  }
  
  .protfolio-item-two ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item-two ul li {
  padding:40px 28px;
  background-color:#DAED1A;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#050F25;
  transition:all .4s
  }
  
  .protfolio-item-two ul li span svg {
  fill:currentColor;
  color:#050F25;
  transition:all .4s
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .shuffle {
  min-height:770px
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#2662FA;
  border:1px solid #2662FA;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn .btn-style-2 {
  background-color:transparent;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  transition:all .5s
  }
  
  .tap-btnn .btn-style-2 a {
  color:#fff
  }
  
  .tap-btnn .btn-style-2 a:hover {
  color:#04091E
  }
  
  .testi-brand .testi-brand-img {
  text-align:center
  }
  
  .testi-brand .testi-brand-img span svg {
  fill:currentColor;
  color:#747681;
  transition:all .5s
  }
  
  .testi-brand .testi-brand-img span svg:hover {
  color:#FF3F00
  }
  
  .testi-brand .testi-brand-img-two {
  text-align:center
  }
  
  .testi-brand .testi-brand-img-two span svg {
  fill:currentColor;
  color:#FF3F00;
  transition:all .5s
  }
  
  .testi-brand .testi-brand-img-two span svg:hover {
  color:#747681
  }
  
  .testmonial-img {
  text-align:end;
  position:relative
  }
  
  .testmonial-img .testmonial-img-over {
  position:absolute;
  bottom:15px;
  left:-35px;
  width:75px;
  height:75px;
  background-color:#FF3F00;
  border-radius:50px;
  line-height:70px;
  text-align:center
  }
  
  .testmonials {
  padding:110px 0 117px;
  background:url(../assets/image/others/banner/Testmonials-bg.png) no-repeat center/cover
  }
  
  .testmonials-head {
  text-align:center
  }
  
  .testmonials-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .testmonials-head span {
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-transform:uppercase;
  font-weight:500;
  font-size:20px;
  line-height:160%
  }
  
  .testmonials-item .icon i {
  color:#FCAD02
  }
  
  .testmonials-item .text h3 {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E
  }
  
  .testmonials-item .text p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding:30px 0 34px;
  margin-right:25px
  }
  
  .testmonials-item .text span {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .testmonials-top {
  padding:30px 30px 30px 37px;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:8px;
  border:1px solid #F4F4F4;
  background-color:#fff;
  width:940px;
  display:flex;
  align-items:center;
  margin-top:30px
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Projec-too {
  background:url(../assets/image/others/banner/projecr-bg-2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1;
  background-color:transparent
  }
  
  .Project {
  background:url(../assets/image/Develop_2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1
  }
  
  .Project-btn {
  margin-top:45px;
  line-height:0
  }
  
  .Project-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:128%;
  color:#04091E
  }
  
  .Project-head p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:18px
  }
  
  .Project-head-middel {
  margin-top:18px
  }
  
  .Project-head-middel .Project-head-middel-item {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:15px
  }
  
  .Project-head-middel .Project-head-middel-item .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .Project-head-middel .Project-head-middel-item .text ul {
  margin:0;
  padding:0
  }
  
  .Project-head-middel .Project-head-middel-item .text ul li {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .Project-head-middel .Project-head-middel-item:last-child {
  padding-bottom:0
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-right-item {
  padding:0 33px 24px;
  background-color:#F2F6FE;
  border:1px solid #F4F4F4;
  border-radius:4px;
  transition:background-color .5s ease;
  z-index:222;
  margin:0 10px
  }
  
  .Project-right-item .Project-right-icon {
  display:flex;
  justify-content:center
  }
  
  .Project-right-item .Project-right-icon .icon {
  width:80px;
  height:80px;
  background-color:#2662FA;
  border-radius:50px;
  text-align:center;
  line-height:80px;
  margin-top:-35px;
  transition:.5s;
  border:1px solid #2662FA
  }
  
  .Project-right-item-text h3 {
  text-align:center;
  font-weight:600;
  font-size:40px;
  color:#04091E;
  padding-top:30px;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item-text p {
  text-align:center;
  font-weight:400;
  font-size:18px;
  text-transform:capitalize;
  color:#747681;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item:hover {
  background-color:#2662FA
  }
  
  .Project-right-item:hover .Project-right-icon .icon {
  border:1px solid #fff
  }
  
  .Project-right-item:hover .Project-right-item-text h3 {
  color:#fff
  }
  
  .Project-right-item:hover .Project-right-item-text p {
  color:#fff
  }
  
  .Project-right-top {
  margin-top:50px
  }
  
  .Project-two-three {
  background-color:#F7F7FD;
  z-index:1;
  position:absolute;
  width:100%
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .martop {
  margin-top:72px
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .project-4 {
  padding:120px 0 0;
  background:url(../assets/image/Project-min.png) no-repeat top center;
  min-height:840px!important
  }
  
  .project-4 .project-section {
  background:#fff;
  padding:61px 38px 31px 57px;
  border-radius:4px;
  margin-top:170px;
  box-shadow:0 9px 126px #1400ff0f
  }
  
  .project-4 .project-section .project-content .project-btn {
  margin-top:44PX
  }
  
  .project-4 .project-section .project-content .project-list li {
  display:flex;
  align-items:center;
  padding-bottom:10px
  }
  
  .project-4 .project-section .project-content .project-list li i {
  margin-right:14px;
  font-size:16px;
  color:#fdcc04
  }
  
  .project-4 .project-section .project-content .project-list li p {
  color:#04091e
  }
  
  .project-4 .project-section .project-content .project-list li:last-child {
  padding-bottom:0
  }
  
  .project-4 .project-section .project-content .project-tittle p {
  padding:18px 0
  }
  
  .project-4 .project-section .project-counter-box {
  text-align:center;
  background-color:#f5f5f5;
  border:1px solid #f4f4f4;
  padding:24px 36px;
  margin:30px 10px;
  border-radius:4px;
  transition:all .5s linear
  }
  
  .project-4 .project-section .project-counter-box .counter-content {
  padding-top:21px
  }
  
  .project-4 .project-section .project-counter-box .counter-img {
  margin-top:-60px
  }
  
  .project-4 .project-section .project-counter-box:hover {
  background-color:#fdcc04
  }
  
  .project-4 .project-section .project-counter-box:hover p {
  color:#04091e
  }
  
  .project-bg {
  padding:62px 54px!important;
  margin:0 0 -20px;
  background-color:#fff;
  z-index:222;
  margin-top:-360px!important;
  position:relative;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:4px;
  border:1px solid #ECEAFF;
  position:relative;
  overflow:hidden
  }
  
  .project-bg::before {
  position:absolute;
  content:"";
  top:240px;
  left:-149px;
  width:470px;
  height:470px;
  border:100px solid #2662FA;
  opacity:.08;
  border-radius:50%
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .article {
  margin-top:30px;
  border-bottom:1px solid #7476814d;
  padding-bottom:10px
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .lawyer-service-details {
  padding:120px 0 0
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .lawyer-service-details .service-heading {
  padding-bottom:40px
  }
  
  .lawyer-service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .lawyer-service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .lawyer-service-details .service-heading .service-social-icon i:hover {
  background-color:#FF3F00;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .query-img {
  background:url(../assets/image/others/banner/query-bg.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img .query h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .query-img .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img .query-btn .btn-style-1 a {
  background-color:#ffffff1a
  }
  
  .query-img-two {
  background:url(../assets/image/others/banner/query-bg-2.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img-two .query h2 {
  color:#04091E
  }
  
  .query-img-two .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img-two .query-btn .btn-style-1 a {
  background-color:#04091E;
  color:#fff
  }
  
  .research {
  padding-top:3px
  }
  
  .research h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#04091E;
  padding-top:20px
  }
  
  .research p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .research-img {
  margin:0 7px
  }
  
  .research-ml {
  margin-right:6px
  }
  
  .research-ml:last-child {
  margin-right:0
  }
  
  .research-top {
  margin-top:40px
  }
  
  .research-top-text {
  margin-top:40px
  }
  
  .research-top-text ul {
  list-style:disc;
  padding-left:1rem;
  color:#747681
  }
  
  .research-top-text ul li {
  font-weight:400;
  font-size:20px;
  line-height:152%
  }
  
  .research-two {
  padding-top:3px
  }
  
  .research-two h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#fff;
  padding-top:20px
  }
  
  .service-details {
  padding:120px 0 0
  }
  
  .service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details .service-heading {
  padding-bottom:40px
  }
  
  .service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 {
  padding:120px 0 0
  }
  
  .service-details-4 .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-4 .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-4 .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-4 .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-4 .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-4 .service-heading {
  padding-bottom:40px
  }
  
  .service-details-4 .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-4 .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-4 .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-4 .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 .service-query-2 .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 {
  width:200px;
  background:#04091E
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 a {
  font-weight:500;
  font-size:20px;
  color:#fff
  }
  
  .service-query .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 {
  background:#04091E;
  width:200px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 a {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content span {
  display:block
  }
  
  .service-query-3 .service-query-section {
  background:url(../assets/image/others/service-query-3.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 {
  background-color:#ffffff42;
  width:250px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 a {
  font-weight:500;
  font-size:20px
  }
  
  .service-query-3 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query-3 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-testimonial {
  background:#fff;
  padding:120px 0 90px
  }
  
  .service-testimonial .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear;
  box-shadow:5px 6px 60px #111d3b14
  }
  
  .service-testimonial .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-testimonial .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-testimonial .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-testimonial .service-card .service-content h2 span {
  display:block
  }
  
  .service-testimonial .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-testimonial .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-testimonial .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-testimonial .service-card:hover {
  border:1px solid #fdcc04
  }
  
  .service-testimonial .service-card:hover a {
  color:#fdcc04
  }
  
  .service-testimonial .service-title {
  padding-bottom:47px
  }
  
  .service-testimonial .service-title .service-inner-text {
  z-index:1
  }
  
  .service-testimonial .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-testimonial .service-title span:nth-child(2) {
  display:block
  }
  
  .services-details {
  padding:120px 0 0
  }
  
  .services-details-article-icon {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon .icon {
  display:flex;
  gap:16px
  }
  
  .services-details-article-icon .icon i {
  height:40px;
  width:40px;
  background-color:#04091E;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff;
  font-size:20px;
  line-height:40px;
  text-align:center;
  border-radius:50px;
  transition:all .5s
  }
  
  .services-details-article-icon .icon i:hover {
  background-color:#2662FA
  }
  
  .services-details-article-icon .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#12141d99
  }
  
  .services-details-article-icon-two {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon-two .icon i {
  background-color:#747681;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff
  }
  
  .services-details-article-icon-two .icon i:hover {
  background-color:#DAED1A;
  color:#04091E
  }
  
  .services-details-article-icon-two .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#fff
  }
  
  .services-details-article-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .services-details-article-text span {
  font-weight:600;
  font-size:18px;
  line-height:170%;
  color:#272931
  }
  
  .services-details-article-text-two span {
  color:#fff
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .website {
  margin-top:23px
  }
  
  .website {
  margin-top:40px
  }
  
  .website .website-text h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-bottom:20px
  }
  
  .website .website-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .website .website-text span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .website .website-text-two h2 {
  color:#fff
  }
  
  .website .website-text-two p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:30px
  }
  
  .website .website-text-two span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  

  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab .shaf-filter .course-filter li .active {
  background:#47D990
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:160%;
  cursor:pointer;
  transition:all .5s
  }
  
  #tab ul li:hover {
  background-color:#fff;
  color:#04091E
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .course-filter .active {
  background-color:#fff;
  color:#04091E!important
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .portfolio-4 {
  padding:110px 0 120px;
  background:url(../assets/image/Photographer/portfolio-bg.png) no-repeat center/cover
  }
  
  .portfolio-4 .next-arrow {
  position:absolute;
  top:-160px;
  right:75px
  }
  
  .portfolio-4 .next-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .next-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .portfolio-heading h3 {
  color:#47d990
  }
  
  .portfolio-4 .portfolio-pagination {
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery {
  padding-top:50px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img {
  margin-right:20px;
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay {
  position:absolute;
  width:80%;
  background-color:#fdcc04;
  height:0;
  top:9%;
  left:0;
  bottom:0;
  right:0;
  transform:translateX(9%);
  z-index:111;
  opacity:.9;
  transition:all .5s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn {
  display:flex;
  justify-content:center;
  align-items:center;
  width:54px;
  height:54px;
  background-color:#04091e;
  border-radius:100%;
  opacity:0;
  position:absolute;
  top:3%;
  right:3%;
  transition:all .4s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn i {
  color:#fff;
  font-size:20px;
  transform:rotate(-45deg)
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content {
  position:absolute;
  opacity:0;
  bottom:26px;
  left:30px;
  transition:all .4s;
  padding:0 30px 0 0
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content h3 {
  color:#04091e;
  font-weight:700
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content p {
  font-size:20px;
  padding-bottom:12px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay {
  height:83%
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-btn {
  opacity:1
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-overlay-content {
  opacity:1
  }
  
  .portfolio-4 .prev-arrow {
  position:absolute;
  top:-160px;
  right:0
  }
  
  .portfolio-4 .prev-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .prev-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .slick-active button {
  width:50px!important;
  border-radius:20px;
  background:#47D990!important
  }
  
  .portfolio-4 .slick-dots {
  gap:10px
  }
  
  .portfolio-4 .slick-dots button {
  width:20px;
  height:12px;
  background:#F5F5F5!important;
  border-radius:20px;
  opacity:1
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .protfolio {
  padding:32px 0;
  background-color:#050F25
  }
  
  .protfolio-item {
  text-align:center
  }
  
  .protfolio-item ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item ul li {
  padding:40px 28px;
  background-color:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li span svg {
  fill:currentColor;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .protfolio-item ul li:hover span svg {
  fill:currentColor;
  color:#04091E
  }
  
  .protfolio-item-two {
  text-align:center
  }
  
  .protfolio-item-two ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item-two ul li {
  padding:40px 28px;
  background-color:#DAED1A;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#050F25;
  transition:all .4s
  }
  
  .protfolio-item-two ul li span svg {
  fill:currentColor;
  color:#050F25;
  transition:all .4s
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .shuffle {
  min-height:770px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#2662FA;
  border:1px solid #2662FA;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn .btn-style-2 {
  background-color:transparent;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  transition:all .5s
  }
  
  .tap-btnn .btn-style-2 a {
  color:#fff
  }
  
  .tap-btnn .btn-style-2 a:hover {
  color:#04091E
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
    
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04
  }
  
  .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .container {
  max-width:1170px;
  margin:0 auto;
  padding:0
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  .row {
  margin:0;
  padding:0
  }
  
  .slick-active button {
  background-color:#F4DCC0;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  gap:15px;
  margin-top:60px
  }
  
  .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#FDCC04;
  opacity:.2;
  text-indent:-9999px
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  html {
  font-size:62.5%;
  margin:0;
  padding:0
  }
  
  p {
  font-size:18px;
  font-weight:400;
  margin:0;
  padding:0;
  color:#747681
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab .shaf-filter .course-filter li .active {
  background:#47D990
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:160%;
  cursor:pointer;
  transition:all .5s
  }
  
  #tab ul li:hover {
  background-color:#fff;
  color:#04091E
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .course-filter .active {
  background-color:#fff;
  color:#04091E!important
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .portfolio-4 {
  padding:110px 0 120px;
  background:url(../assets/image/Photographer/portfolio-bg.png) no-repeat center/cover
  }
  
  .portfolio-4 .next-arrow {
  position:absolute;
  top:-160px;
  right:75px
  }
  
  .portfolio-4 .next-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .next-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .portfolio-heading h3 {
  color:#47d990
  }
  
  .portfolio-4 .portfolio-pagination {
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery {
  padding-top:50px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img {
  margin-right:20px;
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay {
  position:absolute;
  width:80%;
  background-color:#fdcc04;
  height:0;
  top:9%;
  left:0;
  bottom:0;
  right:0;
  transform:translateX(9%);
  z-index:111;
  opacity:.9;
  transition:all .5s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn {
  display:flex;
  justify-content:center;
  align-items:center;
  width:54px;
  height:54px;
  background-color:#04091e;
  border-radius:100%;
  opacity:0;
  position:absolute;
  top:3%;
  right:3%;
  transition:all .4s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn i {
  color:#fff;
  font-size:20px;
  transform:rotate(-45deg)
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content {
  position:absolute;
  opacity:0;
  bottom:26px;
  left:30px;
  transition:all .4s;
  padding:0 30px 0 0
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content h3 {
  color:#04091e;
  font-weight:700
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content p {
  font-size:20px;
  padding-bottom:12px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay {
  height:83%
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-btn {
  opacity:1
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-overlay-content {
  opacity:1
  }
  
  .portfolio-4 .prev-arrow {
  position:absolute;
  top:-160px;
  right:0
  }
  
  .portfolio-4 .prev-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .prev-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .slick-active button {
  width:50px!important;
  border-radius:20px;
  background:#47D990!important
  }
  
  .portfolio-4 .slick-dots {
  gap:10px
  }
  
  .portfolio-4 .slick-dots button {
  width:20px;
  height:12px;
  background:#F5F5F5!important;
  border-radius:20px;
  opacity:1
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .protfolio {
  padding:32px 0;
  background-color:#050F25
  }
  
  .protfolio-item {
  text-align:center
  }
  
  .protfolio-item ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item ul li {
  padding:40px 28px;
  background-color:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li span svg {
  fill:currentColor;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .protfolio-item ul li:hover span svg {
  fill:currentColor;
  color:#04091E
  }
  
  .protfolio-item-two {
  text-align:center
  }
  
  .protfolio-item-two ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item-two ul li {
  padding:40px 28px;
  background-color:#DAED1A;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#050F25;
  transition:all .4s
  }
  
  .protfolio-item-two ul li span svg {
  fill:currentColor;
  color:#050F25;
  transition:all .4s
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .shuffle {
  min-height:770px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#2662FA;
  border:1px solid #2662FA;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn .btn-style-2 {
  background-color:transparent;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  transition:all .5s
  }
  
  .tap-btnn .btn-style-2 a {
  color:#fff
  }
  
  .tap-btnn .btn-style-2 a:hover {
  color:#04091E
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .article {
  margin-top:30px;
  border-bottom:1px solid #7476814d;
  padding-bottom:10px
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service-details {
  padding:120px 0 0
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .lawyer-service-details .service-heading {
  padding-bottom:40px
  }
  
  .lawyer-service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .lawyer-service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .lawyer-service-details .service-heading .service-social-icon i:hover {
  background-color:#FF3F00;
  color:#fff
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .query-img {
  background:url(../assets/image/others/banner/query-bg.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img .query h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .query-img .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img .query-btn .btn-style-1 a {
  background-color:#ffffff1a
  }
  
  .query-img-two {
  background:url(../assets/image/others/banner/query-bg-2.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img-two .query h2 {
  color:#04091E
  }
  
  .query-img-two .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img-two .query-btn .btn-style-1 a {
  background-color:#04091E;
  color:#fff
  }
  
  .research {
  padding-top:3px
  }
  
  .research h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#04091E;
  padding-top:20px
  }
  
  .research p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .research-img {
  margin:0 7px
  }
  
  .research-ml {
  margin-right:6px
  }
  
  .research-ml:last-child {
  margin-right:0
  }
  
  .research-top {
  margin-top:40px
  }
  
  .research-top-text {
  margin-top:40px
  }
  
  .research-top-text ul {
  list-style:disc;
  padding-left:1rem;
  color:#747681
  }
  
  .research-top-text ul li {
  font-weight:400;
  font-size:20px;
  line-height:152%
  }
  
  .research-two {
  padding-top:3px
  }
  
  .research-two h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#fff;
  padding-top:20px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details {
  padding:120px 0 0
  }
  
  .service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details .service-heading {
  padding-bottom:40px
  }
  
  .service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 {
  padding:120px 0 0
  }
  
  .service-details-4 .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-4 .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-4 .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-4 .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-4 .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-4 .service-heading {
  padding-bottom:40px
  }
  
  .service-details-4 .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-4 .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-4 .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-4 .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 .service-query-2 .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 {
  width:200px;
  background:#04091E
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 a {
  font-weight:500;
  font-size:20px;
  color:#fff
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-query .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 {
  background:#04091E;
  width:200px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 a {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content span {
  display:block
  }
  
  .service-query-3 .service-query-section {
  background:url(../assets/image/others/service-query-3.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 {
  background-color:#ffffff42;
  width:250px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 a {
  font-weight:500;
  font-size:20px
  }
  
  .service-query-3 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query-3 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-testimonial {
  background:#fff;
  padding:120px 0 90px
  }
  
  .service-testimonial .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear;
  box-shadow:5px 6px 60px #111d3b14
  }
  
  .service-testimonial .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-testimonial .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-testimonial .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-testimonial .service-card .service-content h2 span {
  display:block
  }
  
  .service-testimonial .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-testimonial .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-testimonial .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-testimonial .service-card:hover {
  border:1px solid #fdcc04
  }
  
  .service-testimonial .service-card:hover a {
  color:#fdcc04
  }
  
  .service-testimonial .service-title {
  padding-bottom:47px
  }
  
  .service-testimonial .service-title .service-inner-text {
  z-index:1
  }
  
  .service-testimonial .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-testimonial .service-title span:nth-child(2) {
  display:block
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .services-details {
  padding:120px 0 0
  }
  
  .services-details-article-icon {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon .icon {
  display:flex;
  gap:16px
  }
  
  .services-details-article-icon .icon i {
  height:40px;
  width:40px;
  background-color:#04091E;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff;
  font-size:20px;
  line-height:40px;
  text-align:center;
  border-radius:50px;
  transition:all .5s
  }
  
  .services-details-article-icon .icon i:hover {
  background-color:#2662FA
  }
  
  .services-details-article-icon .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#12141d99
  }
  
  .services-details-article-icon-two {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon-two .icon i {
  background-color:#747681;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff
  }
  
  .services-details-article-icon-two .icon i:hover {
  background-color:#DAED1A;
  color:#04091E
  }
  
  .services-details-article-icon-two .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#fff
  }
  
  .services-details-article-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .services-details-article-text span {
  font-weight:600;
  font-size:18px;
  line-height:170%;
  color:#272931
  }
  
  .services-details-article-text-two span {
  color:#fff
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .website {
  margin-top:23px
  }
  
  .website {
  margin-top:40px
  }
  
  .website .website-text h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-bottom:20px
  }
  
  .website .website-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .website .website-text span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .website .website-text-two h2 {
  color:#fff
  }
  
  .website .website-text-two p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:30px
  }
  
  .website .website-text-two span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04
  }
  
  .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .container {
  max-width:1170px;
  margin:0 auto;
  padding:0
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  .row {
  margin:0;
  padding:0
  }
  
  .slick-active button {
  background-color:#F4DCC0;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  gap:15px;
  margin-top:60px
  }
  
  .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#FDCC04;
  opacity:.2;
  text-indent:-9999px
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  html {
  font-size:62.5%;
  margin:0;
  padding:0
  }
  
  p {
  font-size:18px;
  font-weight:400;
  margin:0;
  padding:0;
  color:#747681
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab .shaf-filter .course-filter li .active {
  background:#47D990
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:160%;
  cursor:pointer;
  transition:all .5s
  }
  
  #tab ul li:hover {
  background-color:#fff;
  color:#04091E
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .course-filter .active {
  background-color:#fff;
  color:#04091E!important
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .portfolio-4 {
  padding:110px 0 120px;
  background:url(../assets/image/Photographer/portfolio-bg.png) no-repeat center/cover
  }
  
  .portfolio-4 .next-arrow {
  position:absolute;
  top:-160px;
  right:75px
  }
  
  .portfolio-4 .next-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .next-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .portfolio-heading h3 {
  color:#47d990
  }
  
  .portfolio-4 .portfolio-pagination {
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery {
  padding-top:50px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img {
  margin-right:20px;
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay {
  position:absolute;
  width:80%;
  background-color:#fdcc04;
  height:0;
  top:9%;
  left:0;
  bottom:0;
  right:0;
  transform:translateX(9%);
  z-index:111;
  opacity:.9;
  transition:all .5s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn {
  display:flex;
  justify-content:center;
  align-items:center;
  width:54px;
  height:54px;
  background-color:#04091e;
  border-radius:100%;
  opacity:0;
  position:absolute;
  top:3%;
  right:3%;
  transition:all .4s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn i {
  color:#fff;
  font-size:20px;
  transform:rotate(-45deg)
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content {
  position:absolute;
  opacity:0;
  bottom:26px;
  left:30px;
  transition:all .4s;
  padding:0 30px 0 0
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content h3 {
  color:#04091e;
  font-weight:700
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content p {
  font-size:20px;
  padding-bottom:12px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay {
  height:83%
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-btn {
  opacity:1
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-overlay-content {
  opacity:1
  }
  
  .portfolio-4 .prev-arrow {
  position:absolute;
  top:-160px;
  right:0
  }
  
  .portfolio-4 .prev-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .prev-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .slick-active button {
  width:50px!important;
  border-radius:20px;
  background:#47D990!important
  }
  
  .portfolio-4 .slick-dots {
  gap:10px
  }
  
  .portfolio-4 .slick-dots button {
  width:20px;
  height:12px;
  background:#F5F5F5!important;
  border-radius:20px;
  opacity:1
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .protfolio {
  padding:32px 0;
  background-color:#050F25
  }
  
  .protfolio-item {
  text-align:center
  }
  
  .protfolio-item ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item ul li {
  padding:40px 28px;
  background-color:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li span svg {
  fill:currentColor;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .protfolio-item ul li:hover span svg {
  fill:currentColor;
  color:#04091E
  }
  
  .protfolio-item-two {
  text-align:center
  }
  
  .protfolio-item-two ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item-two ul li {
  padding:40px 28px;
  background-color:#DAED1A;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#050F25;
  transition:all .4s
  }
  
  .protfolio-item-two ul li span svg {
  fill:currentColor;
  color:#050F25;
  transition:all .4s
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .shuffle {
  min-height:770px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#2662FA;
  border:1px solid #2662FA;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn .btn-style-2 {
  background-color:transparent;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  transition:all .5s
  }
  
  .tap-btnn .btn-style-2 a {
  color:#fff
  }
  
  .tap-btnn .btn-style-2 a:hover {
  color:#04091E
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .article {
  margin-top:30px;
  border-bottom:1px solid #7476814d;
  padding-bottom:10px
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service-details {
  padding:120px 0 0
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .lawyer-service-details .service-heading {
  padding-bottom:40px
  }
  
  .lawyer-service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .lawyer-service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .lawyer-service-details .service-heading .service-social-icon i:hover {
  background-color:#FF3F00;
  color:#fff
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .query-img {
  background:url(../assets/image/others/banner/query-bg.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img .query h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .query-img .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img .query-btn .btn-style-1 a {
  background-color:#ffffff1a
  }
  
  .query-img-two {
  background:url(../assets/image/others/banner/query-bg-2.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img-two .query h2 {
  color:#04091E
  }
  
  .query-img-two .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img-two .query-btn .btn-style-1 a {
  background-color:#04091E;
  color:#fff
  }
  
  .research {
  padding-top:3px
  }
  
  .research h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#04091E;
  padding-top:20px
  }
  
  .research p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .research-img {
  margin:0 7px
  }
  
  .research-ml {
  margin-right:6px
  }
  
  .research-ml:last-child {
  margin-right:0
  }
  
  .research-top {
  margin-top:40px
  }
  
  .research-top-text {
  margin-top:40px
  }
  
  .research-top-text ul {
  list-style:disc;
  padding-left:1rem;
  color:#747681
  }
  
  .research-top-text ul li {
  font-weight:400;
  font-size:20px;
  line-height:152%
  }
  
  .research-two {
  padding-top:3px
  }
  
  .research-two h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#fff;
  padding-top:20px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details {
  padding:120px 0 0
  }
  
  .service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details .service-heading {
  padding-bottom:40px
  }
  
  .service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 {
  padding:120px 0 0
  }
  
  .service-details-4 .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-4 .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-4 .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-4 .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-4 .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-4 .service-heading {
  padding-bottom:40px
  }
  
  .service-details-4 .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-4 .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-4 .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-4 .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 .service-query-2 .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 {
  width:200px;
  background:#04091E
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 a {
  font-weight:500;
  font-size:20px;
  color:#fff
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-query .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 {
  background:#04091E;
  width:200px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 a {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content span {
  display:block
  }
  
  .service-query-3 .service-query-section {
  background:url(../assets/image/others/service-query-3.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 {
  background-color:#ffffff42;
  width:250px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 a {
  font-weight:500;
  font-size:20px
  }
  
  .service-query-3 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query-3 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-testimonial {
  background:#fff;
  padding:120px 0 90px
  }
  
  .service-testimonial .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear;
  box-shadow:5px 6px 60px #111d3b14
  }
  
  .service-testimonial .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-testimonial .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-testimonial .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-testimonial .service-card .service-content h2 span {
  display:block
  }
  
  .service-testimonial .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-testimonial .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-testimonial .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-testimonial .service-card:hover {
  border:1px solid #fdcc04
  }
  
  .service-testimonial .service-card:hover a {
  color:#fdcc04
  }
  
  .service-testimonial .service-title {
  padding-bottom:47px
  }
  
  .service-testimonial .service-title .service-inner-text {
  z-index:1
  }
  
  .service-testimonial .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-testimonial .service-title span:nth-child(2) {
  display:block
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .services-details {
  padding:120px 0 0
  }
  
  .services-details-article-icon {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon .icon {
  display:flex;
  gap:16px
  }
  
  .services-details-article-icon .icon i {
  height:40px;
  width:40px;
  background-color:#04091E;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff;
  font-size:20px;
  line-height:40px;
  text-align:center;
  border-radius:50px;
  transition:all .5s
  }
  
  .services-details-article-icon .icon i:hover {
  background-color:#2662FA
  }
  
  .services-details-article-icon .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#12141d99
  }
  
  .services-details-article-icon-two {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon-two .icon i {
  background-color:#747681;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff
  }
  
  .services-details-article-icon-two .icon i:hover {
  background-color:#DAED1A;
  color:#04091E
  }
  
  .services-details-article-icon-two .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#fff
  }
  
  .services-details-article-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .services-details-article-text span {
  font-weight:600;
  font-size:18px;
  line-height:170%;
  color:#272931
  }
  
  .services-details-article-text-two span {
  color:#fff
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .website {
  margin-top:23px
  }
  
  .website {
  margin-top:40px
  }
  
  .website .website-text h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-bottom:20px
  }
  
  .website .website-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .website .website-text span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .website .website-text-two h2 {
  color:#fff
  }
  
  .website .website-text-two p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:30px
  }
  
  .website .website-text-two span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04
  }
  
  .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .container {
  max-width:1170px;
  margin:0 auto;
  padding:0
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  .row {
  margin:0;
  padding:0
  }
  
  .slick-active button {
  background-color:#F4DCC0;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  gap:15px;
  margin-top:60px
  }
  
  .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#FDCC04;
  opacity:.2;
  text-indent:-9999px
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  html {
  font-size:62.5%;
  margin:0;
  padding:0
  }
  
  p {
  font-size:18px;
  font-weight:400;
  margin:0;
  padding:0;
  color:#747681
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab .shaf-filter .course-filter li .active {
  background:#47D990
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:160%;
  cursor:pointer;
  transition:all .5s
  }
  
  #tab ul li:hover {
  background-color:#fff;
  color:#04091E
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .course-filter .active {
  background-color:#fff;
  color:#04091E!important
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .portfolio-4 {
  padding:110px 0 120px;
  background:url(../assets/image/Photographer/portfolio-bg.png) no-repeat center/cover
  }
  
  .portfolio-4 .next-arrow {
  position:absolute;
  top:-160px;
  right:75px
  }
  
  .portfolio-4 .next-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .next-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .portfolio-heading h3 {
  color:#47d990
  }
  
  .portfolio-4 .portfolio-pagination {
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery {
  padding-top:50px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img {
  margin-right:20px;
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay {
  position:absolute;
  width:80%;
  background-color:#fdcc04;
  height:0;
  top:9%;
  left:0;
  bottom:0;
  right:0;
  transform:translateX(9%);
  z-index:111;
  opacity:.9;
  transition:all .5s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn {
  display:flex;
  justify-content:center;
  align-items:center;
  width:54px;
  height:54px;
  background-color:#04091e;
  border-radius:100%;
  opacity:0;
  position:absolute;
  top:3%;
  right:3%;
  transition:all .4s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn i {
  color:#fff;
  font-size:20px;
  transform:rotate(-45deg)
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content {
  position:absolute;
  opacity:0;
  bottom:26px;
  left:30px;
  transition:all .4s;
  padding:0 30px 0 0
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content h3 {
  color:#04091e;
  font-weight:700
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content p {
  font-size:20px;
  padding-bottom:12px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay {
  height:83%
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-btn {
  opacity:1
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-overlay-content {
  opacity:1
  }
  
  .portfolio-4 .prev-arrow {
  position:absolute;
  top:-160px;
  right:0
  }
  
  .portfolio-4 .prev-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .prev-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .slick-active button {
  width:50px!important;
  border-radius:20px;
  background:#47D990!important
  }
  
  .portfolio-4 .slick-dots {
  gap:10px
  }
  
  .portfolio-4 .slick-dots button {
  width:20px;
  height:12px;
  background:#F5F5F5!important;
  border-radius:20px;
  opacity:1
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .protfolio {
  padding:32px 0;
  background-color:#050F25
  }
  
  .protfolio-item {
  text-align:center
  }
  
  .protfolio-item ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item ul li {
  padding:40px 28px;
  background-color:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li span svg {
  fill:currentColor;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .protfolio-item ul li:hover span svg {
  fill:currentColor;
  color:#04091E
  }
  
  .protfolio-item-two {
  text-align:center
  }
  
  .protfolio-item-two ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item-two ul li {
  padding:40px 28px;
  background-color:#DAED1A;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#050F25;
  transition:all .4s
  }
  
  .protfolio-item-two ul li span svg {
  fill:currentColor;
  color:#050F25;
  transition:all .4s
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .shuffle {
  min-height:770px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#2662FA;
  border:1px solid #2662FA;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn .btn-style-2 {
  background-color:transparent;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  transition:all .5s
  }
  
  .tap-btnn .btn-style-2 a {
  color:#fff
  }
  
  .tap-btnn .btn-style-2 a:hover {
  color:#04091E
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  

  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .article {
  margin-top:30px;
  border-bottom:1px solid #7476814d;
  padding-bottom:10px
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service-details {
  padding:120px 0 0
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .lawyer-service-details .service-heading {
  padding-bottom:40px
  }
  
  .lawyer-service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .lawyer-service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .lawyer-service-details .service-heading .service-social-icon i:hover {
  background-color:#FF3F00;
  color:#fff
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .query-img {
  background:url(../assets/image/others/banner/query-bg.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img .query h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .query-img .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img .query-btn .btn-style-1 a {
  background-color:#ffffff1a
  }
  
  .query-img-two {
  background:url(../assets/image/others/banner/query-bg-2.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img-two .query h2 {
  color:#04091E
  }
  
  .query-img-two .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img-two .query-btn .btn-style-1 a {
  background-color:#04091E;
  color:#fff
  }
  
  .research {
  padding-top:3px
  }
  
  .research h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#04091E;
  padding-top:20px
  }
  
  .research p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .research-img {
  margin:0 7px
  }
  
  .research-ml {
  margin-right:6px
  }
  
  .research-ml:last-child {
  margin-right:0
  }
  
  .research-top {
  margin-top:40px
  }
  
  .research-top-text {
  margin-top:40px
  }
  
  .research-top-text ul {
  list-style:disc;
  padding-left:1rem;
  color:#747681
  }
  
  .research-top-text ul li {
  font-weight:400;
  font-size:20px;
  line-height:152%
  }
  
  .research-two {
  padding-top:3px
  }
  
  .research-two h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#fff;
  padding-top:20px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details {
  padding:120px 0 0
  }
  
  .service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details .service-heading {
  padding-bottom:40px
  }
  
  .service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 {
  padding:120px 0 0
  }
  
  .service-details-4 .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-4 .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-4 .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-4 .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-4 .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-4 .service-heading {
  padding-bottom:40px
  }
  
  .service-details-4 .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-4 .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-4 .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-4 .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 .service-query-2 .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 {
  width:200px;
  background:#04091E
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 a {
  font-weight:500;
  font-size:20px;
  color:#fff
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-query .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 {
  background:#04091E;
  width:200px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 a {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content span {
  display:block
  }
  
  .service-query-3 .service-query-section {
  background:url(../assets/image/others/service-query-3.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 {
  background-color:#ffffff42;
  width:250px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 a {
  font-weight:500;
  font-size:20px
  }
  
  .service-query-3 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query-3 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-testimonial {
  background:#fff;
  padding:120px 0 90px
  }
  
  .service-testimonial .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear;
  box-shadow:5px 6px 60px #111d3b14
  }
  
  .service-testimonial .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-testimonial .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-testimonial .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-testimonial .service-card .service-content h2 span {
  display:block
  }
  
  .service-testimonial .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-testimonial .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-testimonial .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-testimonial .service-card:hover {
  border:1px solid #fdcc04
  }
  
  .service-testimonial .service-card:hover a {
  color:#fdcc04
  }
  
  .service-testimonial .service-title {
  padding-bottom:47px
  }
  
  .service-testimonial .service-title .service-inner-text {
  z-index:1
  }
  
  .service-testimonial .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-testimonial .service-title span:nth-child(2) {
  display:block
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .services-details {
  padding:120px 0 0
  }
  
  .services-details-article-icon {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon .icon {
  display:flex;
  gap:16px
  }
  
  .services-details-article-icon .icon i {
  height:40px;
  width:40px;
  background-color:#04091E;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff;
  font-size:20px;
  line-height:40px;
  text-align:center;
  border-radius:50px;
  transition:all .5s
  }
  
  .services-details-article-icon .icon i:hover {
  background-color:#2662FA
  }
  
  .services-details-article-icon .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#12141d99
  }
  
  .services-details-article-icon-two {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon-two .icon i {
  background-color:#747681;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff
  }
  
  .services-details-article-icon-two .icon i:hover {
  background-color:#DAED1A;
  color:#04091E
  }
  
  .services-details-article-icon-two .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#fff
  }
  
  .services-details-article-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .services-details-article-text span {
  font-weight:600;
  font-size:18px;
  line-height:170%;
  color:#272931
  }
  
  .services-details-article-text-two span {
  color:#fff
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .website {
  margin-top:23px
  }
  
  .website {
  margin-top:40px
  }
  
  .website .website-text h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-bottom:20px
  }
  
  .website .website-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .website .website-text span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .website .website-text-two h2 {
  color:#fff
  }
  
  .website .website-text-two p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:30px
  }
  
  .website .website-text-two span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04
  }
  
  .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .container {
  max-width:1170px;
  margin:0 auto;
  padding:0
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  .row {
  margin:0;
  padding:0
  }
  
  .slick-active button {
  background-color:#F4DCC0;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  gap:15px;
  margin-top:60px
  }
  
  .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#FDCC04;
  opacity:.2;
  text-indent:-9999px
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  html {
  font-size:62.5%;
  margin:0;
  padding:0
  }
  
  p {
  font-size:18px;
  font-weight:400;
  margin:0;
  padding:0;
  color:#747681
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab .shaf-filter .course-filter li .active {
  background:#47D990
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:160%;
  cursor:pointer;
  transition:all .5s
  }
  
  #tab ul li:hover {
  background-color:#fff;
  color:#04091E
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .course-filter .active {
  background-color:#fff;
  color:#04091E!important
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .portfolio-4 {
  padding:110px 0 120px;
  background:url(../assets/image/Photographer/portfolio-bg.png) no-repeat center/cover
  }
  
  .portfolio-4 .next-arrow {
  position:absolute;
  top:-160px;
  right:75px
  }
  
  .portfolio-4 .next-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .next-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .portfolio-heading h3 {
  color:#47d990
  }
  
  .portfolio-4 .portfolio-pagination {
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery {
  padding-top:50px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img {
  margin-right:20px;
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay {
  position:absolute;
  width:80%;
  background-color:#fdcc04;
  height:0;
  top:9%;
  left:0;
  bottom:0;
  right:0;
  transform:translateX(9%);
  z-index:111;
  opacity:.9;
  transition:all .5s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn {
  display:flex;
  justify-content:center;
  align-items:center;
  width:54px;
  height:54px;
  background-color:#04091e;
  border-radius:100%;
  opacity:0;
  position:absolute;
  top:3%;
  right:3%;
  transition:all .4s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn i {
  color:#fff;
  font-size:20px;
  transform:rotate(-45deg)
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content {
  position:absolute;
  opacity:0;
  bottom:26px;
  left:30px;
  transition:all .4s;
  padding:0 30px 0 0
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content h3 {
  color:#04091e;
  font-weight:700
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content p {
  font-size:20px;
  padding-bottom:12px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay {
  height:83%
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-btn {
  opacity:1
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-overlay-content {
  opacity:1
  }
  
  .portfolio-4 .prev-arrow {
  position:absolute;
  top:-160px;
  right:0
  }
  
  .portfolio-4 .prev-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .prev-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .slick-active button {
  width:50px!important;
  border-radius:20px;
  background:#47D990!important
  }
  
  .portfolio-4 .slick-dots {
  gap:10px
  }
  
  .portfolio-4 .slick-dots button {
  width:20px;
  height:12px;
  background:#F5F5F5!important;
  border-radius:20px;
  opacity:1
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .protfolio {
  padding:32px 0;
  background-color:#050F25
  }
  
  .protfolio-item {
  text-align:center
  }
  
  .protfolio-item ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item ul li {
  padding:40px 28px;
  background-color:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li span svg {
  fill:currentColor;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .protfolio-item ul li:hover span svg {
  fill:currentColor;
  color:#04091E
  }
  
  .protfolio-item-two {
  text-align:center
  }
  
  .protfolio-item-two ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item-two ul li {
  padding:40px 28px;
  background-color:#DAED1A;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#050F25;
  transition:all .4s
  }
  
  .protfolio-item-two ul li span svg {
  fill:currentColor;
  color:#050F25;
  transition:all .4s
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .shuffle {
  min-height:770px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#2662FA;
  border:1px solid #2662FA;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn .btn-style-2 {
  background-color:transparent;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  transition:all .5s
  }
  
  .tap-btnn .btn-style-2 a {
  color:#fff
  }
  
  .tap-btnn .btn-style-2 a:hover {
  color:#04091E
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  

  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .article {
  margin-top:30px;
  border-bottom:1px solid #7476814d;
  padding-bottom:10px
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service-details {
  padding:120px 0 0
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .lawyer-service-details .service-heading {
  padding-bottom:40px
  }
  
  .lawyer-service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .lawyer-service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .lawyer-service-details .service-heading .service-social-icon i:hover {
  background-color:#FF3F00;
  color:#fff
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .query-img {
  background:url(../assets/image/others/banner/query-bg.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img .query h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .query-img .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img .query-btn .btn-style-1 a {
  background-color:#ffffff1a
  }
  
  .query-img-two {
  background:url(../assets/image/others/banner/query-bg-2.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img-two .query h2 {
  color:#04091E
  }
  
  .query-img-two .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img-two .query-btn .btn-style-1 a {
  background-color:#04091E;
  color:#fff
  }
  
  .research {
  padding-top:3px
  }
  
  .research h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#04091E;
  padding-top:20px
  }
  
  .research p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .research-img {
  margin:0 7px
  }
  
  .research-ml {
  margin-right:6px
  }
  
  .research-ml:last-child {
  margin-right:0
  }
  
  .research-top {
  margin-top:40px
  }
  
  .research-top-text {
  margin-top:40px
  }
  
  .research-top-text ul {
  list-style:disc;
  padding-left:1rem;
  color:#747681
  }
  
  .research-top-text ul li {
  font-weight:400;
  font-size:20px;
  line-height:152%
  }
  
  .research-two {
  padding-top:3px
  }
  
  .research-two h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#fff;
  padding-top:20px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details {
  padding:120px 0 0
  }
  
  .service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details .service-heading {
  padding-bottom:40px
  }
  
  .service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 {
  padding:120px 0 0
  }
  
  .service-details-4 .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-4 .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-4 .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-4 .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-4 .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-4 .service-heading {
  padding-bottom:40px
  }
  
  .service-details-4 .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-4 .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-4 .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-4 .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 .service-query-2 .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 {
  width:200px;
  background:#04091E
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 a {
  font-weight:500;
  font-size:20px;
  color:#fff
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-query .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 {
  background:#04091E;
  width:200px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 a {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content span {
  display:block
  }
  
  .service-query-3 .service-query-section {
  background:url(../assets/image/others/service-query-3.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 {
  background-color:#ffffff42;
  width:250px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 a {
  font-weight:500;
  font-size:20px
  }
  
  .service-query-3 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query-3 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-testimonial {
  background:#fff;
  padding:120px 0 90px
  }
  
  .service-testimonial .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear;
  box-shadow:5px 6px 60px #111d3b14
  }
  
  .service-testimonial .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-testimonial .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-testimonial .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-testimonial .service-card .service-content h2 span {
  display:block
  }
  
  .service-testimonial .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-testimonial .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-testimonial .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-testimonial .service-card:hover {
  border:1px solid #fdcc04
  }
  
  .service-testimonial .service-card:hover a {
  color:#fdcc04
  }
  
  .service-testimonial .service-title {
  padding-bottom:47px
  }
  
  .service-testimonial .service-title .service-inner-text {
  z-index:1
  }
  
  .service-testimonial .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-testimonial .service-title span:nth-child(2) {
  display:block
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .services-details {
  padding:120px 0 0
  }
  
  .services-details-article-icon {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon .icon {
  display:flex;
  gap:16px
  }
  
  .services-details-article-icon .icon i {
  height:40px;
  width:40px;
  background-color:#04091E;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff;
  font-size:20px;
  line-height:40px;
  text-align:center;
  border-radius:50px;
  transition:all .5s
  }
  
  .services-details-article-icon .icon i:hover {
  background-color:#2662FA
  }
  
  .services-details-article-icon .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#12141d99
  }
  
  .services-details-article-icon-two {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon-two .icon i {
  background-color:#747681;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff
  }
  
  .services-details-article-icon-two .icon i:hover {
  background-color:#DAED1A;
  color:#04091E
  }
  
  .services-details-article-icon-two .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#fff
  }
  
  .services-details-article-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .services-details-article-text span {
  font-weight:600;
  font-size:18px;
  line-height:170%;
  color:#272931
  }
  
  .services-details-article-text-two span {
  color:#fff
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .website {
  margin-top:23px
  }
  
  .website {
  margin-top:40px
  }
  
  .website .website-text h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-bottom:20px
  }
  
  .website .website-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .website .website-text span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .website .website-text-two h2 {
  color:#fff
  }
  
  .website .website-text-two p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:30px
  }
  
  .website .website-text-two span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Projec-too {
  background:url(../assets/image/others/banner/projecr-bg-2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1;
  background-color:transparent
  }
  
  .Project {
  background:url(../assets/image/Develop_2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1
  }
  
  .Project-btn {
  margin-top:45px;
  line-height:0
  }
  
  .Project-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:128%;
  color:#04091E
  }
  
  .Project-head p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:18px
  }
  
  .Project-head-middel {
  margin-top:18px
  }
  
  .Project-head-middel .Project-head-middel-item {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:15px
  }
  
  .Project-head-middel .Project-head-middel-item .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .Project-head-middel .Project-head-middel-item .text ul {
  margin:0;
  padding:0
  }
  
  .Project-head-middel .Project-head-middel-item .text ul li {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .Project-head-middel .Project-head-middel-item:last-child {
  padding-bottom:0
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-right-item {
  padding:0 33px 24px;
  background-color:#F2F6FE;
  border:1px solid #F4F4F4;
  border-radius:4px;
  transition:background-color .5s ease;
  z-index:222;
  margin:0 10px
  }
  
  .Project-right-item .Project-right-icon {
  display:flex;
  justify-content:center
  }
  
  .Project-right-item .Project-right-icon .icon {
  width:80px;
  height:80px;
  background-color:#2662FA;
  border-radius:50px;
  text-align:center;
  line-height:80px;
  margin-top:-35px;
  transition:.5s;
  border:1px solid #2662FA
  }
  
  .Project-right-item-text h3 {
  text-align:center;
  font-weight:600;
  font-size:40px;
  color:#04091E;
  padding-top:30px;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item-text p {
  text-align:center;
  font-weight:400;
  font-size:18px;
  text-transform:capitalize;
  color:#747681;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item:hover {
  background-color:#2662FA
  }
  
  .Project-right-item:hover .Project-right-icon .icon {
  border:1px solid #fff
  }
  
  .Project-right-item:hover .Project-right-item-text h3 {
  color:#fff
  }
  
  .Project-right-item:hover .Project-right-item-text p {
  color:#fff
  }
  
  .Project-right-top {
  margin-top:50px
  }
  
  .Project-two-three {
  background-color:#F7F7FD;
  z-index:1;
  position:absolute;
  width:100%
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .martop {
  margin-top:72px
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .project-4 {
  padding:120px 0 0;
  background:url(../assets/image/Project-min.png) no-repeat top center;
  min-height:840px!important
  }
  
  .project-4 .project-section {
  background:#fff;
  padding:61px 38px 31px 57px;
  border-radius:4px;
  margin-top:170px;
  box-shadow:0 9px 126px #1400ff0f
  }
  
  .project-4 .project-section .project-content .project-btn {
  margin-top:44PX
  }
  
  .project-4 .project-section .project-content .project-list li {
  display:flex;
  align-items:center;
  padding-bottom:10px
  }
  
  .project-4 .project-section .project-content .project-list li i {
  margin-right:14px;
  font-size:16px;
  color:#fdcc04
  }
  
  .project-4 .project-section .project-content .project-list li p {
  color:#04091e
  }
  
  .project-4 .project-section .project-content .project-list li:last-child {
  padding-bottom:0
  }
  
  .project-4 .project-section .project-content .project-tittle p {
  padding:18px 0
  }
  
  .project-4 .project-section .project-counter-box {
  text-align:center;
  background-color:#f5f5f5;
  border:1px solid #f4f4f4;
  padding:24px 36px;
  margin:30px 10px;
  border-radius:4px;
  transition:all .5s linear
  }
  
  .project-4 .project-section .project-counter-box .counter-content {
  padding-top:21px
  }
  
  .project-4 .project-section .project-counter-box .counter-img {
  margin-top:-60px
  }
  
  .project-4 .project-section .project-counter-box:hover {
  background-color:#fdcc04
  }
  
  .project-4 .project-section .project-counter-box:hover p {
  color:#04091e
  }
  
  .project-bg {
  padding:62px 54px!important;
  margin:0 0 -20px;
  background-color:#fff;
  z-index:222;
  margin-top:-360px!important;
  position:relative;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:4px;
  border:1px solid #ECEAFF;
  position:relative;
  overflow:hidden
  }
  
  .project-bg::before {
  position:absolute;
  content:"";
  top:240px;
  left:-149px;
  width:470px;
  height:470px;
  border:100px solid #2662FA;
  opacity:.08;
  border-radius:50%
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .b-pl {
  padding-left:20px
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog {
  background:url(../assets/image/others/banner/Bolg.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .blog .blog-head {
  position:relative;
  z-index:1
  }
  
  .blog .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .blog .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px
  }
  
  .blog .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog .blog-item .blog-inner .blog-inner-btn a {
  padding:5px 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:14px;
  line-height:152%;
  color:#747681
  }
  
  .blog .blog-item .blog-inner .blog-inner-text {
  padding-top:7px
  }
  
  .blog .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .blog .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog .blog-p {
  padding:0 15px
  }
  
  .blog .blog-top {
  margin-top:55px
  }
  
  .blog .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .blog .slick-active button {
  background:#2662FA!important
  }
  
  .blog .slick-dots button {
  background:#2662FA
  }
  
  .blog-three {
  background:transparent;
  padding:105px 0 120px;
  background-color:#050F25
  }
  
  .blog-three .blog-head {
  position:relative;
  z-index:1
  }
  
  .blog-three .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  text-align:center;
  padding:0 320px
  }
  
  .blog-three .blog-item {
  padding:20px;
  background-color:#091530;
  border-radius:4px
  }
  
  .blog-three .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog-three .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog-three .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog-three .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-btn a {
  padding:5px 15px;
  display:inline-block;
  background-color:#ffffff0d;
  border-radius:6px;
  font-weight:400;
  font-size:14px;
  line-height:152%;
  color:#fff
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-text {
  padding-top:7px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#fff;
  transition:all linear .5s
  }
  
  .blog-three .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog-three .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog-three .blog-p {
  padding:0 15px
  }
  
  .blog-three .blog-top {
  margin-top:40px
  }
  
  .blog-three .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .blog-three .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .blog-three .slick-dots li.slick-active button {
  background-color:#DAED1A!important;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .blog-two {
  margin-top:-258px
  }
  
  .blog-two .blog-head {
  margin-top:257px;
  position:relative;
  z-index:1
  }
  
  .blog-two .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .blog-two .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px
  }
  
  .blog-two .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog-two .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog-two .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog-two .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-btn a {
  padding:0 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .blog-two .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog-two .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog-two .blog-p {
  padding:0 15px
  }
  
  .blog-two .blog-top {
  margin-top:55px
  }
  
  .blog-two .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .categories {
  margin-top:30px;
  padding:30px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff
  }
  
  .categories .categories-box-head h2 {
  font-weight:600;
  font-size:18px;
  color:#04091E
  }
  
  .categories .categories-item .categories-item-text a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:400;
  font-size:18px;
  line-height:240%;
  color:#747681;
  transition:all .5s
  }
  
  .categories .categories-item .categories-item-text a:hover {
  color:#0a58ca
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .follow-us {
  margin-top:30px;
  padding:28px 73px 28px 29px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  background-color:#fff
  }
  
  .follow-us .follow-icon {
  display:flex;
  gap:32px;
  margin-top:10px
  }
  
  .follow-us .follow-icon .icon {
  height:43px;
  width:43px;
  background-color:#2662fa1a;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:all .5s
  }
  
  .follow-us .follow-icon .icon span svg {
  fill:currentColor;
  color:#2662FA;
  transition:all .5s
  }
  
  .follow-us .follow-icon .icon:hover {
  background-color:#2662FA
  }
  
  .follow-us .follow-icon .icon:hover span svg {
  color:#FDEAEE
  }
  
  .follow-us .follow-us-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .h-1-blog {
  background:url(../assets/image/others/banner/h-1-blog-bg.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .h-1-blog .b-h-1-mt {
  margin-top:25px
  }
  
  .h-1-blog .b-h-1-mt-2 {
  margin-top:53px
  }
  
  .h-1-blog .blog-head {
  position:relative;
  z-index:1
  }
  
  .h-1-blog .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .h-1-blog .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #111d3b0a;
  margin:0 7px
  }
  
  .h-1-blog .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .h-1-blog .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .h-1-blog .blog-item .blog-inner {
  padding-top:24px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-btn a {
  padding:0 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-text {
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .h-1-blog .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .h-1-blog .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .h-1-blog .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .h-1-blog .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:60px
  }
  
  .h-1-blog .h-1-mt {
  margin-top:30px
  }
  
  .h-1-blog .h-b-top {
  margin-top:40px
  }
  
  .h-1-blog .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .h-1-blog .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .h-1-blog .page-link {
  padding:0;
  font-size:16px;
  font-weight:500;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .h-1-blog .page-link {
  color:#747681
  }
  
  .h-1-blog .page-link i {
  color:#04091E
  }
  
  .h-1-blog .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .h-1-blog .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .latest-box {
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  padding:30px 18px 30px 30px;
  background-color:#fff;
  margin-top:30px
  }
  
  .latest-box .latest-box-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  padding-bottom:19px
  }
  
  .latest-box .latest-box-item .latest-box-inner {
  display:flex;
  gap:18px;
  align-items:center;
  margin-top:30px
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text a {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  transition:all .5s
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text a:hover {
  color:#0a58ca
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text p {
  padding-top:9px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text p span {
  padding-right:12px
  }
  
  .latest-box .latest-box-item .latest-box-inner:first-child {
  margin-top:0
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-news {
  background:#f6f9ff;
  padding:110px 0 120px
  }
  
  .lawyer-news .news-section {
  padding:20px 20px 23px;
  margin-right:10px;
  background:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #acacad0a;
  border:1px solid #9a979715
  }
  
  .lawyer-news .news-section .news-content .news-blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .lawyer-news .news-section .news-content .news-btn {
  margin:24px 0 16px
  }
  
  .lawyer-news .news-section .news-content .news-btn a {
  color:#747681;
  font-weight:400;
  padding:8px;
  background:#f4f4f4;
  margin-right:8px;
  border-radius:10px;
  font-weight:400;
  font-size:18px
  }
  
  .lawyer-news .news-section .news-content .news-text h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-news .news-section .news-img {
  overflow:hidden
  }
  
  .lawyer-news .news-section .news-img img {
  width:100%;
  transition:all .5s
  }
  
  .lawyer-news .news-section:hover h3 {
  text-decoration:underline
  }
  
  .lawyer-news .news-section:hover img {
  transform:scale(1.1)
  }
  
  .lawyer-news .news-tittle h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-news .news-tittle span {
  display:block;
  z-index:1
  }
  
  .lawyer-news .row {
  padding:38px 0 0
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .news {
  background:url(../assets/image/news-bg-min.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .news .news-section {
  padding:20px 20px 23px;
  margin-right:30px;
  background:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #acacad0a;
  border:1px solid #9a979715
  }
  
  .news .news-section .news-content .news-blog-btn a {
  font-weight:400;
  color:#747681;
  font-weight:400;
  font-size:18px
  }
  
  .news .news-section .news-content .news-btn {
  margin:24px 0 16px
  }
  
  .news .news-section .news-content .news-btn a {
  color:#747681;
  font-weight:400;
  padding:8px;
  background:#f4f4f4;
  margin-right:8px;
  border-radius:10px;
  font-weight:400;
  font-size:18px
  }
  
  .news .news-section .news-content .news-text h3 {
  color:#04091e;
  font-weight:600
  }
  
  .news .news-section .news-img {
  overflow:hidden
  }
  
  .news .news-section .news-img img {
  width:100%;
  transition:all .5s
  }
  
  .news .news-section:hover h3 {
  text-decoration:underline
  }
  
  .news .news-section:hover img {
  transform:scale(1.1)
  }
  
  .news .news-tittle {
  position:relative;
  z-index:1
  }
  
  .news .news-tittle .news-tittle-img {
  position:absolute;
  right:0;
  top:77px;
  left:95px;
  z-index:-1
  }
  
  .news .news-tittle span {
  display:block
  }
  
  .news .row {
  padding:50px 0 0
  }
  
  .news li.slick-active button {
  background-color:#FDCC04;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .sarch-box {
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff;
  padding:30px
  }
  
  .sarch-box .sarch-box-head h2 {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  padding-bottom:13px
  }
  
  .sarch-box .search-button {
  border:transparent;
  background-color:#F5F5F5;
  padding:0 20px 0 0;
  color:#0a58ca;
  font-size:25px
  }
  
  .sarch-box .search-input {
  width:100%;
  background-color:#F5F5F5;
  border:transparent;
  padding:15px 20px 18px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .sarch-box .search-main {
  width:100%;
  position:relative;
  display:flex
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tag {
  padding:30px 24px 30px 30px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff;
  margin-top:28px
  }
  
  .tag .tag-btn {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:11px
  }
  
  .tag .tag-btn .tag-active {
  background-color:#0a58ca;
  color:#fff
  }
  
  .tag .tag-btn a {
  border:1px solid #F4F4F4;
  border-radius:5px;
  padding:3px 12px;
  display:inline-block;
  font-weight:400;
  font-size:16px;
  line-height:152%;
  color:#747681;
  margin-bottom:6px;
  transition:all .5s
  }
  
  .tag .tag-btn a:hover {
  background-color:#0a58ca;
  color:#fff
  }
  
  .tag .tag-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:160%;
  color:#04091E
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .b-pl {
  padding-left:20px
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog {
  background:url(../assets/image/others/banner/Bolg.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .blog .blog-head {
  position:relative;
  z-index:1
  }
  
  .blog .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .blog .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px
  }
  
  .blog .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog .blog-item .blog-inner .blog-inner-btn a {
  padding:5px 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:14px;
  line-height:152%;
  color:#747681
  }
  
  .blog .blog-item .blog-inner .blog-inner-text {
  padding-top:7px
  }
  
  .blog .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .blog .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog .blog-p {
  padding:0 15px
  }
  
  .blog .blog-top {
  margin-top:55px
  }
  
  .blog .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .blog .slick-active button {
  background:#2662FA!important
  }
  
  .blog .slick-dots button {
  background:#2662FA
  }
  
  .blog-three {
  background:transparent;
  padding:105px 0 120px;
  background-color:#050F25
  }
  
  .blog-three .blog-head {
  position:relative;
  z-index:1
  }
  
  .blog-three .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  text-align:center;
  padding:0 320px
  }
  
  .blog-three .blog-item {
  padding:20px;
  background-color:#091530;
  border-radius:4px
  }
  
  .blog-three .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog-three .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog-three .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog-three .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-btn a {
  padding:5px 15px;
  display:inline-block;
  background-color:#ffffff0d;
  border-radius:6px;
  font-weight:400;
  font-size:14px;
  line-height:152%;
  color:#fff
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-text {
  padding-top:7px
  }
  
  .blog-three .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#fff;
  transition:all linear .5s
  }
  
  .blog-three .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog-three .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog-three .blog-p {
  padding:0 15px
  }
  
  .blog-three .blog-top {
  margin-top:40px
  }
  
  .blog-three .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .blog-three .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .blog-three .slick-dots li.slick-active button {
  background-color:#DAED1A!important;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .blog-two {
  margin-top:-258px
  }
  
  .blog-two .blog-head {
  margin-top:257px;
  position:relative;
  z-index:1
  }
  
  .blog-two .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .blog-two .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px
  }
  
  .blog-two .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .blog-two .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .blog-two .blog-item .blog-inner {
  padding-top:24px
  }
  
  .blog-two .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-btn a {
  padding:0 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .blog-two .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .blog-two .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .blog-two .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .blog-two .blog-p {
  padding:0 15px
  }
  
  .blog-two .blog-top {
  margin-top:55px
  }
  
  .blog-two .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .categories {
  margin-top:30px;
  padding:30px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff
  }
  
  .categories .categories-box-head h2 {
  font-weight:600;
  font-size:18px;
  color:#04091E
  }
  
  .categories .categories-item .categories-item-text a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:400;
  font-size:18px;
  line-height:240%;
  color:#747681;
  transition:all .5s
  }
  
  .categories .categories-item .categories-item-text a:hover {
  color:#0a58ca
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .follow-us {
  margin-top:30px;
  padding:28px 73px 28px 29px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  background-color:#fff
  }
  
  .follow-us .follow-icon {
  display:flex;
  gap:32px;
  margin-top:10px
  }
  
  .follow-us .follow-icon .icon {
  height:43px;
  width:43px;
  background-color:#2662fa1a;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:all .5s
  }
  
  .follow-us .follow-icon .icon span svg {
  fill:currentColor;
  color:#2662FA;
  transition:all .5s
  }
  
  .follow-us .follow-icon .icon:hover {
  background-color:#2662FA
  }
  
  .follow-us .follow-icon .icon:hover span svg {
  color:#FDEAEE
  }
  
  .follow-us .follow-us-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .h-1-blog {
  background:url(../assets/image/others/banner/h-1-blog-bg.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .h-1-blog .b-h-1-mt {
  margin-top:25px
  }
  
  .h-1-blog .b-h-1-mt-2 {
  margin-top:53px
  }
  
  .h-1-blog .blog-head {
  position:relative;
  z-index:1
  }
  
  .h-1-blog .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .h-1-blog .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #111d3b0a;
  margin:0 7px
  }
  
  .h-1-blog .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .h-1-blog .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .h-1-blog .blog-item .blog-inner {
  padding-top:24px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-btn a {
  padding:0 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-text {
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .h-1-blog .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .h-1-blog .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .h-1-blog .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .h-1-blog .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:60px
  }
  
  .h-1-blog .h-1-mt {
  margin-top:30px
  }
  
  .h-1-blog .h-b-top {
  margin-top:40px
  }
  
  .h-1-blog .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .h-1-blog .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .h-1-blog .page-link {
  padding:0;
  font-size:16px;
  font-weight:500;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .h-1-blog .page-link {
  color:#747681
  }
  
  .h-1-blog .page-link i {
  color:#04091E
  }
  
  .h-1-blog .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .h-1-blog .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .latest-box {
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  padding:30px 18px 30px 30px;
  background-color:#fff;
  margin-top:30px
  }
  
  .latest-box .latest-box-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  padding-bottom:19px
  }
  
  .latest-box .latest-box-item .latest-box-inner {
  display:flex;
  gap:18px;
  align-items:center;
  margin-top:30px
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text a {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  transition:all .5s
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text a:hover {
  color:#0a58ca
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text p {
  padding-top:9px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text p span {
  padding-right:12px
  }
  
  .latest-box .latest-box-item .latest-box-inner:first-child {
  margin-top:0
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-news {
  background:#f6f9ff;
  padding:110px 0 120px
  }
  
  .lawyer-news .news-section {
  padding:20px 20px 23px;
  margin-right:10px;
  background:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #acacad0a;
  border:1px solid #9a979715
  }
  
  .lawyer-news .news-section .news-content .news-blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .lawyer-news .news-section .news-content .news-btn {
  margin:24px 0 16px
  }
  
  .lawyer-news .news-section .news-content .news-btn a {
  color:#747681;
  font-weight:400;
  padding:8px;
  background:#f4f4f4;
  margin-right:8px;
  border-radius:10px;
  font-weight:400;
  font-size:18px
  }
  
  .lawyer-news .news-section .news-content .news-text h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-news .news-section .news-img {
  overflow:hidden
  }
  
  .lawyer-news .news-section .news-img img {
  width:100%;
  transition:all .5s
  }
  
  .lawyer-news .news-section:hover h3 {
  text-decoration:underline
  }
  
  .lawyer-news .news-section:hover img {
  transform:scale(1.1)
  }
  
  .lawyer-news .news-tittle h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-news .news-tittle span {
  display:block;
  z-index:1
  }
  
  .lawyer-news .row {
  padding:38px 0 0
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .news {
  background:url(../assets/image/news-bg-min.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .news .news-section {
  padding:20px 20px 23px;
  margin-right:30px;
  background:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #acacad0a;
  border:1px solid #9a979715
  }
  
  .news .news-section .news-content .news-blog-btn a {
  font-weight:400;
  color:#747681;
  font-weight:400;
  font-size:18px
  }
  
  .news .news-section .news-content .news-btn {
  margin:24px 0 16px
  }
  
  .news .news-section .news-content .news-btn a {
  color:#747681;
  font-weight:400;
  padding:8px;
  background:#f4f4f4;
  margin-right:8px;
  border-radius:10px;
  font-weight:400;
  font-size:18px
  }
  
  .news .news-section .news-content .news-text h3 {
  color:#04091e;
  font-weight:600
  }
  
  .news .news-section .news-img {
  overflow:hidden
  }
  
  .news .news-section .news-img img {
  width:100%;
  transition:all .5s
  }
  
  .news .news-section:hover h3 {
  text-decoration:underline
  }
  
  .news .news-section:hover img {
  transform:scale(1.1)
  }
  
  .news .news-tittle {
  position:relative;
  z-index:1
  }
  
  .news .news-tittle .news-tittle-img {
  position:absolute;
  right:0;
  top:77px;
  left:95px;
  z-index:-1
  }
  
  .news .news-tittle span {
  display:block
  }
  
  .news .row {
  padding:50px 0 0
  }
  
  .news li.slick-active button {
  background-color:#FDCC04;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .sarch-box {
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff;
  padding:30px
  }
  
  .sarch-box .sarch-box-head h2 {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  padding-bottom:13px
  }
  
  .sarch-box .search-button {
  border:transparent;
  background-color:#F5F5F5;
  padding:0 20px 0 0;
  color:#0a58ca;
  font-size:25px
  }
  
  .sarch-box .search-input {
  width:100%;
  background-color:#F5F5F5;
  border:transparent;
  padding:15px 20px 18px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .sarch-box .search-main {
  width:100%;
  position:relative;
  display:flex
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tag {
  padding:30px 24px 30px 30px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff;
  margin-top:28px
  }
  
  .tag .tag-btn {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:11px
  }
  
  .tag .tag-btn .tag-active {
  background-color:#0a58ca;
  color:#fff
  }
  
  .tag .tag-btn a {
  border:1px solid #F4F4F4;
  border-radius:5px;
  padding:3px 12px;
  display:inline-block;
  font-weight:400;
  font-size:16px;
  line-height:152%;
  color:#747681;
  margin-bottom:6px;
  transition:all .5s
  }
  
  .tag .tag-btn a:hover {
  background-color:#0a58ca;
  color:#fff
  }
  
  .tag .tag-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:160%;
  color:#04091E
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .article {
  margin-top:30px;
  border-bottom:1px solid #7476814d;
  padding-bottom:10px
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-details-article-head {
  padding-bottom:22px
  }
  
  .blog-details-article-head h2 {
  font-weight:600;
  font-size:48px;
  color:#04091E
  }
  
  .blog-details-article-text {
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:29px
  }
  
  .blog-details-article-text .text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .blog-details-article-text .text span {
  font-weight:600;
  font-size:18px;
  color:#272931
  }
  
  .blog-details-img {
  position:relative
  }
  
  .blog-details-img .b-d-overlay {
  position:absolute;
  top:16PX;
  right:14PX;
  padding:10PX 17PX;
  background-color:#FFF;
  border-radius:6px;
  text-align:center
  }
  
  .blog-details-img .b-d-overlay .b-d-over-item {
  display:flex;
  gap:11px;
  justify-content:center
  }
  
  .blog-details-img .b-d-overlay .b-d-over-item .b-d-inner {
  display:flex;
  align-items:center;
  gap:5px
  }
  
  .blog-details-img .b-d-overlay .b-d-over-item .b-d-inner .icon {
  line-height:0
  }
  
  .blog-details-img .b-d-overlay .b-d-over-item .b-d-inner .text p {
  font-weight:500;
  font-size:12px;
  line-height:14px;
  color:#747681
  }
  
  .comment {
  padding:50PX 0 120px
  }
  
  .comment .comment-head h4 {
  font-weight:600;
  font-size:24px;
  color:#111;
  padding-bottom:10px
  }
  
  .comment .comment-item .comment-inner {
  padding:30px 27px 28px 30px;
  border:1px solid #ECEAFF;
  border-radius:4px;
  background-color:#F7F7FD;
  display:flex;
  gap:24px;
  margin-bottom:30px
  }
  
  .comment .comment-item .comment-inner .comment-text .text {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:5px
  }
  
  .comment .comment-item .comment-inner .comment-text .text h4 {
  font-weight:600;
  font-size:18px;
  color:#04091E;
  line-height:152%
  }
  
  .comment .comment-item .comment-inner .comment-text .text span {
  font-weight:400;
  font-size:18px;
  color:#2662FA;
  line-height:152%
  }
  
  .comment .comment-item .comment-inner .comment-text a {
  font-weight:400;
  font-size:18px;
  color:#2662FA;
  line-height:152%
  }
  
  .comment .comment-item .comment-inner .comment-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  line-height:152%
  }
  
  .comment .comment-item .comment-inner-two {
  margin-left:120px
  }
  
  .comment .comment-item .comment-inner:last-child {
  margin-bottom:0
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-service-details {
  padding:120px 0 0
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .lawyer-service-details .service-heading {
  padding-bottom:40px
  }
  
  .lawyer-service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .lawyer-service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .lawyer-service-details .service-heading .service-social-icon i:hover {
  background-color:#FF3F00;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .query-img {
  background:url(../assets/image/others/banner/query-bg.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img .query h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .query-img .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img .query-btn .btn-style-1 a {
  background-color:#ffffff1a
  }
  
  .query-img-two {
  background:url(../assets/image/others/banner/query-bg-2.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img-two .query h2 {
  color:#04091E
  }
  
  .query-img-two .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img-two .query-btn .btn-style-1 a {
  background-color:#04091E;
  color:#fff
  }
  
  .research {
  padding-top:3px
  }
  
  .research h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#04091E;
  padding-top:20px
  }
  
  .research p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .research-img {
  margin:0 7px
  }
  
  .research-ml {
  margin-right:6px
  }
  
  .research-ml:last-child {
  margin-right:0
  }
  
  .research-top {
  margin-top:40px
  }
  
  .research-top-text {
  margin-top:40px
  }
  
  .research-top-text ul {
  list-style:disc;
  padding-left:1rem;
  color:#747681
  }
  
  .research-top-text ul li {
  font-weight:400;
  font-size:20px;
  line-height:152%
  }
  
  .research-top-text-two {
  margin-top:0
  }
  
  .research-two {
  padding-top:3px
  }
  
  .research-two h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#fff;
  padding-top:20px
  }
  
  .service-details {
  padding:120px 0 0
  }
  
  .service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details .service-heading {
  padding-bottom:40px
  }
  
  .service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 {
  padding:120px 0 0
  }
  
  .service-details-4 .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-4 .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-4 .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-4 .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-4 .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-4 .service-heading {
  padding-bottom:40px
  }
  
  .service-details-4 .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-4 .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-4 .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-4 .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 .service-query-2 .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 {
  width:200px;
  background:#04091E
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 a {
  font-weight:500;
  font-size:20px;
  color:#fff
  }
  
  .service-query .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 {
  background:#04091E;
  width:200px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 a {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content span {
  display:block
  }
  
  .service-query-3 .service-query-section {
  background:url(../assets/image/others/service-query-3.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 {
  background-color:#ffffff42;
  width:250px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 a {
  font-weight:500;
  font-size:20px
  }
  
  .service-query-3 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query-3 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-testimonial {
  background:#fff;
  padding:120px 0 90px
  }
  
  .service-testimonial .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear;
  box-shadow:5px 6px 60px #111d3b14
  }
  
  .service-testimonial .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-testimonial .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-testimonial .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-testimonial .service-card .service-content h2 span {
  display:block
  }
  
  .service-testimonial .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-testimonial .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-testimonial .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-testimonial .service-card:hover {
  border:1px solid #fdcc04
  }
  
  .service-testimonial .service-card:hover a {
  color:#fdcc04
  }
  
  .service-testimonial .service-title {
  padding-bottom:47px
  }
  
  .service-testimonial .service-title .service-inner-text {
  z-index:1
  }
  
  .service-testimonial .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-testimonial .service-title span:nth-child(2) {
  display:block
  }
  
  .services-details {
  padding:120px 0 0
  }
  
  .services-details-article-icon {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon .icon {
  display:flex;
  gap:16px
  }
  
  .services-details-article-icon .icon i {
  height:40px;
  width:40px;
  background-color:#04091E;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff;
  font-size:20px;
  line-height:40px;
  text-align:center;
  border-radius:50px;
  transition:all .5s
  }
  
  .services-details-article-icon .icon i:hover {
  background-color:#2662FA
  }
  
  .services-details-article-icon .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#12141d99
  }
  
  .services-details-article-icon-two {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon-two .icon i {
  background-color:#747681;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff
  }
  
  .services-details-article-icon-two .icon i:hover {
  background-color:#DAED1A;
  color:#04091E
  }
  
  .services-details-article-icon-two .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#fff
  }
  
  .services-details-article-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .services-details-article-text span {
  font-weight:600;
  font-size:18px;
  line-height:170%;
  color:#272931
  }
  
  .services-details-article-text-two span {
  color:#fff
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .website {
  margin-top:23px
  }
  
  .website {
  margin-top:40px
  }
  
  .website .website-text h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-bottom:20px
  }
  
  .website .website-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .website .website-text span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .website .website-text-two h2 {
  color:#fff
  }
  
  .website .website-text-two p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:30px
  }
  
  .website .website-text-two span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .b-pl {
  padding-left:20px
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .categories {
  margin-top:30px;
  padding:30px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff
  }
  
  .categories .categories-box-head h2 {
  font-weight:600;
  font-size:18px;
  color:#04091E
  }
  
  .categories .categories-item .categories-item-text a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:400;
  font-size:18px;
  line-height:240%;
  color:#747681;
  transition:all .5s
  }
  
  .categories .categories-item .categories-item-text a:hover {
  color:#0a58ca
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .follow-us {
  margin-top:30px;
  padding:28px 73px 28px 29px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  background-color:#fff
  }
  
  .follow-us .follow-icon {
  display:flex;
  gap:32px;
  margin-top:10px
  }
  
  .follow-us .follow-icon .icon {
  height:43px;
  width:43px;
  background-color:#2662fa1a;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:all .5s
  }
  
  .follow-us .follow-icon .icon span svg {
  fill:currentColor;
  color:#2662FA;
  transition:all .5s
  }
  
  .follow-us .follow-icon .icon:hover {
  background-color:#2662FA
  }
  
  .follow-us .follow-icon .icon:hover span svg {
  color:#FDEAEE
  }
  
  .follow-us .follow-us-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .h-1-blog {
  background:url(../assets/image/others/banner/h-1-blog-bg.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .h-1-blog .b-h-1-mt {
  margin-top:25px
  }
  
  .h-1-blog .b-h-1-mt-2 {
  margin-top:53px
  }
  
  .h-1-blog .blog-head {
  position:relative;
  z-index:1
  }
  
  .h-1-blog .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .h-1-blog .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #111d3b0a;
  margin:0 7px
  }
  
  .h-1-blog .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .h-1-blog .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .h-1-blog .blog-item .blog-inner {
  padding-top:24px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-btn a {
  padding:0 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-text {
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .h-1-blog .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .h-1-blog .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .h-1-blog .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .h-1-blog .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:60px
  }
  
  .h-1-blog .h-1-mt {
  margin-top:30px
  }
  
  .h-1-blog .h-b-top {
  margin-top:40px
  }
  
  .h-1-blog .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .h-1-blog .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .h-1-blog .page-link {
  padding:0;
  font-size:16px;
  font-weight:500;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .h-1-blog .page-link {
  color:#747681
  }
  
  .h-1-blog .page-link i {
  color:#04091E
  }
  
  .h-1-blog .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .h-1-blog .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .latest-box {
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  padding:30px 18px 30px 30px;
  background-color:#fff;
  margin-top:30px
  }
  
  .latest-box .latest-box-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  padding-bottom:19px
  }
  
  .latest-box .latest-box-item .latest-box-inner {
  display:flex;
  gap:18px;
  align-items:center;
  margin-top:30px
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text a {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  transition:all .5s
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text a:hover {
  color:#0a58ca
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text p {
  padding-top:9px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text p span {
  padding-right:12px
  }
  
  .latest-box .latest-box-item .latest-box-inner:first-child {
  margin-top:0
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .sarch-box {
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff;
  padding:30px
  }
  
  .sarch-box .sarch-box-head h2 {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  padding-bottom:13px
  }
  
  .sarch-box .search-button {
  border:transparent;
  background-color:#F5F5F5;
  padding:0 20px 0 0;
  color:#0a58ca;
  font-size:25px
  }
  
  .sarch-box .search-input {
  width:100%;
  background-color:#F5F5F5;
  border:transparent;
  padding:15px 20px 18px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .sarch-box .search-main {
  width:100%;
  position:relative;
  display:flex
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tag {
  padding:30px 24px 30px 30px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff;
  margin-top:28px
  }
  
  .tag .tag-btn {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:11px
  }
  
  .tag .tag-btn .tag-active {
  background-color:#0a58ca;
  color:#fff
  }
  
  .tag .tag-btn a {
  border:1px solid #F4F4F4;
  border-radius:5px;
  padding:3px 12px;
  display:inline-block;
  font-weight:400;
  font-size:16px;
  line-height:152%;
  color:#747681;
  margin-bottom:6px;
  transition:all .5s
  }
  
  .tag .tag-btn a:hover {
  background-color:#0a58ca;
  color:#fff
  }
  
  .tag .tag-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:160%;
  color:#04091E
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .b-pl {
  padding-left:20px
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .categories {
  margin-top:30px;
  padding:30px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff
  }
  
  .categories .categories-box-head h2 {
  font-weight:600;
  font-size:18px;
  color:#04091E
  }
  
  .categories .categories-item .categories-item-text a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:400;
  font-size:18px;
  line-height:240%;
  color:#747681;
  transition:all .5s
  }
  
  .categories .categories-item .categories-item-text a:hover {
  color:#0a58ca
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .follow-us {
  margin-top:30px;
  padding:28px 73px 28px 29px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  background-color:#fff
  }
  
  .follow-us .follow-icon {
  display:flex;
  gap:32px;
  margin-top:10px
  }
  
  .follow-us .follow-icon .icon {
  height:43px;
  width:43px;
  background-color:#2662fa1a;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:all .5s
  }
  
  .follow-us .follow-icon .icon span svg {
  fill:currentColor;
  color:#2662FA;
  transition:all .5s
  }
  
  .follow-us .follow-icon .icon:hover {
  background-color:#2662FA
  }
  
  .follow-us .follow-icon .icon:hover span svg {
  color:#FDEAEE
  }
  
  .follow-us .follow-us-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .h-1-blog {
  background:url(../assets/image/others/banner/h-1-blog-bg.png) no-repeat center/cover;
  padding:105px 0 120px
  }
  
  .h-1-blog .b-h-1-mt {
  margin-top:25px
  }
  
  .h-1-blog .b-h-1-mt-2 {
  margin-top:53px
  }
  
  .h-1-blog .blog-head {
  position:relative;
  z-index:1
  }
  
  .h-1-blog .blog-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  text-align:center;
  padding:0 290px
  }
  
  .h-1-blog .blog-item {
  padding:20px;
  background-color:#fff;
  border-radius:4px;
  box-shadow:5px 6px 60px #111d3b0a;
  margin:0 7px
  }
  
  .h-1-blog .blog-item .blog-img {
  overflow:hidden;
  border-radius:8px
  }
  
  .h-1-blog .blog-item .blog-img img {
  width:100%;
  transition:all linear .5s;
  position:relative
  }
  
  .h-1-blog .blog-item .blog-inner {
  padding-top:24px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-btn {
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-btn a {
  font-weight:400;
  font-size:18px;
  color:#747681;
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-btn {
  display:flex;
  gap:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-btn a {
  padding:0 8px;
  display:inline-block;
  background-color:#F4F4F4;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-text {
  padding-top:8px
  }
  
  .h-1-blog .blog-item .blog-inner .blog-inner-text a {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  transition:all linear .5s
  }
  
  .h-1-blog .blog-item:hover .blog-inner .blog-inner-text a {
  transform:scale(1.1);
  text-decoration-line:underline
  }
  
  .h-1-blog .blog-item:hover.blog-item .blog-img img {
  transform:scale(1.1)
  }
  
  .h-1-blog .blog-vic {
  position:absolute;
  bottom:3px;
  right:510px;
  z-index:-1
  }
  
  .h-1-blog .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:60px
  }
  
  .h-1-blog .h-1-mt {
  margin-top:30px
  }
  
  .h-1-blog .h-b-top {
  margin-top:40px
  }
  
  .h-1-blog .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .h-1-blog .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .h-1-blog .page-link {
  padding:0;
  font-size:16px;
  font-weight:500;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .h-1-blog .page-link {
  color:#747681
  }
  
  .h-1-blog .page-link i {
  color:#04091E
  }
  
  .h-1-blog .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .h-1-blog .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .latest-box {
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  padding:30px 18px 30px 30px;
  background-color:#fff;
  margin-top:30px
  }
  
  .latest-box .latest-box-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  padding-bottom:19px
  }
  
  .latest-box .latest-box-item .latest-box-inner {
  display:flex;
  gap:18px;
  align-items:center;
  margin-top:30px
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text a {
  font-weight:600;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  transition:all .5s
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text a:hover {
  color:#0a58ca
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text p {
  padding-top:9px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .latest-box .latest-box-item .latest-box-inner .latest-box-text p span {
  padding-right:12px
  }
  
  .latest-box .latest-box-item .latest-box-inner:first-child {
  margin-top:0
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .mr-p {
  padding:0 15px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .protfolio-detalis {
  padding:110px 0 120px
  }
  
  .protfolio-detalis .slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .protfolio-detalis .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  gap:15px;
  margin-top:60px
  }
  
  .protfolio-detalis .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .protfolio-detalis-btm {
  padding-top:14px
  }
  
  .protfolio-detalis-btm p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .protfolio-detalis-head h2 {
  font-weight:600;
  font-size:48px;
  color:#04091E
  }
  
  .protfolio-detalis-img {
  padding-top:25px
  }
  
  .protfolio-detalis-middel-img {
  background:url(../assets/image/others/p-d-middel.png) no-repeat center/cover;
  padding:30px 27px 24px 30px;
  margin-top:14px
  }
  
  .protfolio-detalis-middel-img p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .protfolio-detalis-middel-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding:18px 0 14px
  }
  
  .protfolio-detalis-middel-text span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .protfolio-detalis-text {
  margin-top:25px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #F4F4F4;
  padding-bottom:6px
  }
  
  .protfolio-detalis-text .protfolio-detalis-text-item {
  display:flex;
  align-items:center;
  gap:8px
  }
  
  .protfolio-detalis-text .protfolio-detalis-text-item .text p {
  font-weight:500;
  font-size:20px;
  color:#747681
  }
  
  .sarch-box {
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff;
  padding:30px
  }
  
  .sarch-box .sarch-box-head h2 {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#04091E;
  padding-bottom:13px
  }
  
  .sarch-box .search-button {
  border:transparent;
  background-color:#F5F5F5;
  padding:0 20px 0 0;
  color:#0a58ca;
  font-size:25px
  }
  
  .sarch-box .search-input {
  width:100%;
  background-color:#F5F5F5;
  border:transparent;
  padding:15px 20px 18px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .sarch-box .search-main {
  width:100%;
  position:relative;
  display:flex
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .share-btn {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:center;
  margin-top:40px;
  border-bottom:1px solid #F4F4F4;
  padding-bottom:28px
  }
  
  .share-btn .share-icon {
  display:flex;
  gap:7px
  }
  
  .share-btn .share-icon .icon {
  height:40px;
  width:40px;
  background-color:#F4F4F4;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:all .5s
  }
  
  .share-btn .share-icon .icon span svg {
  fill:currentColor;
  color:#2662faed;
  transition:all .5s
  }
  
  .share-btn .share-icon .icon:hover {
  background-color:#2662faed
  }
  
  .share-btn .share-icon .icon:hover span svg {
  color:#fff
  }
  
  .share-btn .text h3 {
  font-weight:500;
  font-size:24px;
  color:#04091E
  }
  
  .share-img {
  margin-top:52px
  }
  
  .similar-text h3 {
  font-weight:600;
  font-size:24px;
  color:#04091E;
  padding:50px 0 30px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tag {
  padding:30px 24px 30px 30px;
  box-shadow:5px 6px 60px #111d3b0a;
  border-radius:4px;
  border:1px solid #F4F4F4;
  background-color:#fff;
  margin-top:28px
  }
  
  .tag .tag-btn {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:11px
  }
  
  .tag .tag-btn .tag-active {
  background-color:#0a58ca;
  color:#fff
  }
  
  .tag .tag-btn a {
  border:1px solid #F4F4F4;
  border-radius:5px;
  padding:3px 12px;
  display:inline-block;
  font-weight:400;
  font-size:16px;
  line-height:152%;
  color:#747681;
  margin-bottom:6px;
  transition:all .5s
  }
  
  .tag .tag-btn a:hover {
  background-color:#0a58ca;
  color:#fff
  }
  
  .tag .tag-head h2 {
  font-weight:600;
  font-size:18px;
  line-height:160%;
  color:#04091E
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-gallary {
  padding:110px 0 120px;
  background:#050f25
  }
  
  .lawyer-gallary .lawyear-gallary-gap {
  padding-top:54px
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyer-btn {
  padding-top:60px;
  text-align:center
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyer-btn .btn-style-4 {
  display:inline-block;
  padding:16px 24px;
  background-color:transparent;
  border:1px solid #747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyer-btn .btn-style-4:hover {
  background-color:#FF3F00;
  border-color:#FF3F00
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyer-btn .btn-style-4:hover a {
  color:#fff!important
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyer-btn a {
  color:#747681!important
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box {
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  margin-right:15px
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-content {
  padding:19px 0;
  text-align:center
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-img .lawyergallary-social-icon {
  top:20px;
  left:0;
  opacity:0;
  transition:all .4s
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-img .lawyergallary-social-icon i {
  font-size:20px;
  line-height:40px;
  color:#FF3F00;
  background-color:#FFF2EE;
  border-style:solid;
  border-color:#FFF2EE;
  font-size:15px;
  width:40px;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  margin-top:10px;
  transition:all linear .5s
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-img .lawyergallary-social-icon i:hover {
  color:#FFF;
  background-color:#FF3F00;
  border-style:solid;
  border-color:#FFF2EE
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-img img {
  width:100%
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-img:hover .lawyergallary-social-icon {
  opacity:1;
  left:20px
  }
  
  .lawyer-gallary .lawyergallary-heading h2 {
  color:#fff
  }
  
  .lawyer-gallary .lawyergallary-heading h3 {
  color:#ff3f00
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-team {
  background-color:#050F25;
  padding:112px 0 120px
  }
  
  .lawyer-team .lawyer-btn {
  text-align:center;
  margin-top:60px
  }
  
  .lawyer-team .lawyer-btn a {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding:16px 24px;
  border:1px solid #747681;
  border-radius:8px;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-team .lawyer-btn a span svg {
  stroke:currentColor;
  color:#747681;
  transition:all .5s
  }
  
  .lawyer-team .lawyer-btn a:hover {
  border:1px solid #FF3F00;
  color:#FF3F00
  }
  
  .lawyer-team .lawyer-btn a:hover span svg {
  stroke:currentColor;
  color:#FF3F00
  }
  
  .lawyer-team .lawyer-head {
  text-align:center
  }
  
  .lawyer-team .lawyer-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1
  }
  
  .lawyer-team .lawyer-head h2::before {
  position:absolute;
  content:"";
  top:43px;
  left:610px;
  width:151px;
  height:11px;
  background-image:url(../assets/image/others/victor/Line-2.png);
  z-index:-1
  }
  
  .lawyer-team .lawyer-head span {
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  font-weight:500;
  font-size:20px;
  line-height:160%
  }
  
  .lawyer-team .lawyer-r-top {
  margin-top:50px
  }
  
  .lawyer-team .team-item .team-img {
  position:relative;
  overflow:hidden
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay {
  position:absolute;
  top:20px;
  left:-50px;
  opacity:0;
  transition:all .5s
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay .icon {
  padding-bottom:4px;
  height:30px;
  width:30px;
  background-color:#DDE6FB;
  border-radius:50px;
  text-align:center;
  line-height:30px;
  margin-bottom:10px;
  transition:all .5s
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay .icon span svg {
  fill:currentColor;
  color:#FF3F00;
  height:14px;
  width:14px
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay .icon:hover {
  background-color:#FF3F00;
  border:1px solid #FF3F00
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay .icon:hover span svg {
  color:#fff
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay .icon:last-child {
  margin-bottom:0
  }
  
  .lawyer-team .team-item .team-img img {
  width:100%
  }
  
  .lawyer-team .team-item .team-img:hover .team-img-overlay {
  left:20px;
  opacity:1
  }
  
  .lawyer-team .team-item .team-text {
  padding:20px 43px 20px 30px;
  box-shadow:0 9px 126px #1400ff0f;
  border-bottom-left-radius:8px!important;
  border-bottom-right-radius:8px!important;
  border-radius:0;
  background-color:#F4F4F4
  }
  
  .lawyer-team .team-item .team-text h3 {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E
  }
  
  .lawyer-team .team-item .team-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .team {
  padding:120px 0
  }
  
  .team .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:60px
  }
  
  .team .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .team .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .team .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .team .page-link {
  color:#747681
  }
  
  .team .page-link i {
  color:#04091E
  }
  
  .team .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .team .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .team .team-item .team-img {
  position:relative;
  overflow:hidden
  }
  
  .team .team-item .team-img .team-img-overlay {
  position:absolute;
  top:20px;
  left:-50px;
  opacity:0;
  transition:all .5s
  }
  
  .team .team-item .team-img .team-img-overlay .icon {
  padding-bottom:4px;
  height:30px;
  width:30px;
  background-color:#DDE6FB;
  border-radius:50px;
  text-align:center;
  line-height:30px;
  margin-bottom:10px;
  transition:all .5s
  }
  
  .team .team-item .team-img .team-img-overlay .icon span svg {
  fill:currentColor;
  color:#2662FA;
  height:14px;
  width:14px
  }
  
  .team .team-item .team-img .team-img-overlay .icon:hover {
  background-color:#2662FA;
  border:1px solid #FDEAEE
  }
  
  .team .team-item .team-img .team-img-overlay .icon:hover span svg {
  color:#fff
  }
  
  .team .team-item .team-img .team-img-overlay .icon:last-child {
  margin-bottom:0
  }
  
  .team .team-item .team-img img {
  width:100%
  }
  
  .team .team-item .team-img:hover .team-img-overlay {
  left:20px;
  opacity:1
  }
  
  .team .team-item .team-text {
  padding:20px 43px 20px 30px;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:8px;
  background-color:#F4F4F4
  }
  
  .team .team-item .team-text h3 {
  font-weight:600;
  font-size:22px;
  line-height:150%;
  color:#04091E
  }
  
  .team .team-item .team-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .team .team-mt {
  margin-top:30px
  }
  
  .team .team-padd {
  padding:0 14px
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-gallary {
  padding:110px 0 120px;
  background:#050f25
  }
  
  .lawyer-gallary .lawyear-gallary-gap {
  padding-top:54px
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyer-btn {
  padding-top:60px;
  text-align:center
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyer-btn .btn-style-4 {
  display:inline-block;
  padding:16px 24px;
  background-color:transparent;
  border:1px solid #747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyer-btn .btn-style-4:hover {
  background-color:#FF3F00;
  border-color:#FF3F00
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyer-btn .btn-style-4:hover a {
  color:#fff!important
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyer-btn a {
  color:#747681!important
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box {
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  margin-right:15px
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-content {
  padding:19px 0;
  text-align:center
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-img .lawyergallary-social-icon {
  top:20px;
  left:0;
  opacity:0;
  transition:all .4s
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-img .lawyergallary-social-icon i {
  font-size:20px;
  line-height:40px;
  color:#FF3F00;
  background-color:#FFF2EE;
  border-style:solid;
  border-color:#FFF2EE;
  font-size:15px;
  width:40px;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  margin-top:10px;
  transition:all linear .5s
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-img .lawyergallary-social-icon i:hover {
  color:#FFF;
  background-color:#FF3F00;
  border-style:solid;
  border-color:#FFF2EE
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-img img {
  width:100%
  }
  
  .lawyer-gallary .lawyear-gallary-gap .lawyergallary-box .lawyergallary-img:hover .lawyergallary-social-icon {
  opacity:1;
  left:20px
  }
  
  .lawyer-gallary .lawyergallary-heading h2 {
  color:#fff
  }
  
  .lawyer-gallary .lawyergallary-heading h3 {
  color:#ff3f00
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-team {
  background-color:#050F25;
  padding:112px 0 120px
  }
  
  .lawyer-team .lawyer-btn {
  text-align:center;
  margin-top:60px
  }
  
  .lawyer-team .lawyer-btn a {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding:16px 24px;
  border:1px solid #747681;
  border-radius:8px;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-team .lawyer-btn a span svg {
  stroke:currentColor;
  color:#747681;
  transition:all .5s
  }
  
  .lawyer-team .lawyer-btn a:hover {
  border:1px solid #FF3F00;
  color:#FF3F00
  }
  
  .lawyer-team .lawyer-btn a:hover span svg {
  stroke:currentColor;
  color:#FF3F00
  }
  
  .lawyer-team .lawyer-head {
  text-align:center
  }
  
  .lawyer-team .lawyer-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1
  }
  
  .lawyer-team .lawyer-head h2::before {
  position:absolute;
  content:"";
  top:43px;
  left:610px;
  width:151px;
  height:11px;
  background-image:url(../assets/image/others/victor/Line-2.png);
  z-index:-1
  }
  
  .lawyer-team .lawyer-head span {
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  font-weight:500;
  font-size:20px;
  line-height:160%
  }
  
  .lawyer-team .lawyer-r-top {
  margin-top:50px
  }
  
  .lawyer-team .team-item .team-img {
  position:relative;
  overflow:hidden
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay {
  position:absolute;
  top:20px;
  left:-50px;
  opacity:0;
  transition:all .5s
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay .icon {
  padding-bottom:4px;
  height:30px;
  width:30px;
  background-color:#DDE6FB;
  border-radius:50px;
  text-align:center;
  line-height:30px;
  margin-bottom:10px;
  transition:all .5s
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay .icon span svg {
  fill:currentColor;
  color:#FF3F00;
  height:14px;
  width:14px
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay .icon:hover {
  background-color:#FF3F00;
  border:1px solid #FF3F00
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay .icon:hover span svg {
  color:#fff
  }
  
  .lawyer-team .team-item .team-img .team-img-overlay .icon:last-child {
  margin-bottom:0
  }
  
  .lawyer-team .team-item .team-img img {
  width:100%
  }
  
  .lawyer-team .team-item .team-img:hover .team-img-overlay {
  left:20px;
  opacity:1
  }
  
  .lawyer-team .team-item .team-text {
  padding:20px 43px 20px 30px;
  box-shadow:0 9px 126px #1400ff0f;
  border-bottom-left-radius:8px!important;
  border-bottom-right-radius:8px!important;
  border-radius:0;
  background-color:#F4F4F4
  }
  
  .lawyer-team .team-item .team-text h3 {
  font-weight:600;
  font-size:24px;
  line-height:150%;
  color:#04091E
  }
  
  .lawyer-team .team-item .team-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .team {
  padding:120px 0
  }
  
  .team .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:60px
  }
  
  .team .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .team .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .team .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .team .page-link {
  color:#747681
  }
  
  .team .page-link i {
  color:#04091E
  }
  
  .team .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .team .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .team .team-item .team-img {
  position:relative;
  overflow:hidden
  }
  
  .team .team-item .team-img .team-img-overlay {
  position:absolute;
  top:20px;
  left:-50px;
  opacity:0;
  transition:all .5s
  }
  
  .team .team-item .team-img .team-img-overlay .icon {
  padding-bottom:4px;
  height:30px;
  width:30px;
  background-color:#DDE6FB;
  border-radius:50px;
  text-align:center;
  line-height:30px;
  margin-bottom:10px;
  transition:all .5s
  }
  
  .team .team-item .team-img .team-img-overlay .icon span svg {
  fill:currentColor;
  color:#2662FA;
  height:14px;
  width:14px
  }
  
  .team .team-item .team-img .team-img-overlay .icon:hover {
  background-color:#2662FA;
  border:1px solid #FDEAEE
  }
  
  .team .team-item .team-img .team-img-overlay .icon:hover span svg {
  color:#fff
  }
  
  .team .team-item .team-img .team-img-overlay .icon:last-child {
  margin-bottom:0
  }
  
  .team .team-item .team-img img {
  width:100%
  }
  
  .team .team-item .team-img:hover .team-img-overlay {
  left:20px;
  opacity:1
  }
  
  .team .team-item .team-text {
  padding:20px 43px 20px 30px;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:8px;
  background-color:#F4F4F4
  }
  
  .team .team-item .team-text h3 {
  font-weight:600;
  font-size:22px;
  line-height:150%;
  color:#04091E
  }
  
  .team .team-item .team-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .team .team-mt {
  margin-top:30px
  }
  
  .team .team-padd {
  padding:0 14px
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Projec-too {
  background:url(../assets/image/others/banner/projecr-bg-2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1;
  background-color:transparent
  }
  
  .Project {
  background:url(../assets/image/Develop_2.png) no-repeat center/cover;
  width:100%;
  min-height:631px;
  position:relative;
  z-index:-1
  }
  
  .Project-btn {
  margin-top:45px;
  line-height:0
  }
  
  .Project-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:128%;
  color:#04091E
  }
  
  .Project-head p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:18px
  }
  
  .Project-head-middel {
  margin-top:18px
  }
  
  .Project-head-middel .Project-head-middel-item {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:15px
  }
  
  .Project-head-middel .Project-head-middel-item .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .Project-head-middel .Project-head-middel-item .text ul {
  margin:0;
  padding:0
  }
  
  .Project-head-middel .Project-head-middel-item .text ul li {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .Project-head-middel .Project-head-middel-item:last-child {
  padding-bottom:0
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-pt {
  padding-top:40px
  }
  
  .Project-right-item {
  padding:0 33px 24px;
  background-color:#F2F6FE;
  border:1px solid #F4F4F4;
  border-radius:4px;
  transition:background-color .5s ease;
  z-index:222;
  margin:0 10px
  }
  
  .Project-right-item .Project-right-icon {
  display:flex;
  justify-content:center
  }
  
  .Project-right-item .Project-right-icon .icon {
  width:80px;
  height:80px;
  background-color:#2662FA;
  border-radius:50px;
  text-align:center;
  line-height:80px;
  margin-top:-35px;
  transition:.5s;
  border:1px solid #2662FA
  }
  
  .Project-right-item-text h3 {
  text-align:center;
  font-weight:600;
  font-size:40px;
  color:#04091E;
  padding-top:30px;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item-text p {
  text-align:center;
  font-weight:400;
  font-size:18px;
  text-transform:capitalize;
  color:#747681;
  transition:.5s;
  line-height:35px
  }
  
  .Project-right-item:hover {
  background-color:#2662FA
  }
  
  .Project-right-item:hover .Project-right-icon .icon {
  border:1px solid #fff
  }
  
  .Project-right-item:hover .Project-right-item-text h3 {
  color:#fff
  }
  
  .Project-right-item:hover .Project-right-item-text p {
  color:#fff
  }
  
  .Project-right-top {
  margin-top:50px
  }
  
  .Project-two-three {
  background-color:#F7F7FD;
  z-index:1;
  position:absolute;
  width:100%
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .accordion-body {
  padding:0 0 28px 50px
  }
  
  .accordion-body a {
  padding-top:10px;
  font-weight:400;
  font-size:18px;
  color:#2662FA;
  display:flex;
  align-items:center;
  gap:30px
  }
  
  .accordion-body p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .accordion-button {
  font-family:"Roboto",sans-serif,sans-serif;
  padding:13px 0 12px;
  font-weight:500;
  font-size:24px;
  color:#04091E;
  background-color:#fff
  }
  
  .accordion-button span {
  width:32px;
  height:32px;
  color:#04091E;
  text-align:center;
  line-height:32px;
  border-radius:50px;
  font-weight:500;
  font-size:18px;
  margin-right:20px
  }
  
  .accordion-button::after {
  width:13px;
  height:7px;
  background-image:url(../assets/image/others/icon/after-icon.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center
  }
  
  .accordion-button:focus {
  z-index:3;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .accordion-button:not(.collapsed) {
  color:#04091E;
  background-color:transparent;
  box-shadow:inset 0 -1px 0 transparent
  }
  
  .accordion-button:not(.collapsed) span {
  width:32px;
  height:32px;
  color:#fff;
  text-align:center;
  line-height:32px;
  border-radius:50px;
  background-color:#04091E
  }
  
  .accordion-button:not(.collapsed)::after {
  background-image:url(../assets/image/others/icon/after-icon.png);
  transform:rotate(-180deg)
  }
  
  .accordion-flush .accordion-collapse {
  border-bottom:2px solid #04091E
  }
  
  .accordion-flush .accordion-item .accordion-button {
  border-radius:0
  }
  
  .accordion-flush .accordion-item:last-child {
  border-bottom:1px solid #74768165
  }
  
  .accordion-form {
  padding:0 0 120px
  }
  
  .accordion-form .accordion-flush .accordion-item {
  border-bottom:1px solid #74768158
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body {
  padding:0 52px 26px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body a {
  text-decoration:underline;
  font-weight:400
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body a i {
  margin-left:30px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-body p {
  padding-bottom:9px
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button {
  padding:25px 0
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button span {
  width:36px;
  height:35px;
  color:#04091e;
  display:flex;
  font-size:18px;
  line-height:35px;
  font-weight:500;
  align-items:center;
  justify-content:center;
  border-radius:100%;
  margin-right:20px;
  transition:all .4s
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:focus {
  border:transparent;
  box-shadow:none;
  outline:none
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:not(.collapsed) {
  background-color:transparent
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-button:not(.collapsed) span {
  background:#04091e;
  color:#fff
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-collapse {
  border-bottom:2px solid #04091e
  }
  
  .accordion-form .accordion-flush .accordion-item .accordion-collapse:last-of-type {
  border-radius:0
  }
  
  .accordion-form .accordion-flush .accordion-item h3 {
  color:#04091e
  }
  
  .accordion-form .accordion-tittle {
  z-index:1;
  padding-bottom:15px
  }
  
  .accordion-form .accordion-tittle .accordion-tittle-img {
  z-index:-1;
  top:-2px;
  right:45px
  }
  
  .accordion-form .accordion-tittle span {
  display:block
  }
  
  .accordion-form .form {
  background:url(../assets/image/form-bg.png) no-repeat center/cover;
  padding:52px 32px 67px
  }
  
  .accordion-form .form .form-btn {
  margin-top:35px
  }
  
  .accordion-form .form .form-control {
  padding:14px 16px;
  font-size:14px;
  border:transparent;
  text-decoration:inherit
  }
  
  .accordion-form .form .form-control:focus {
  border-color:transparent;
  box-shadow:none;
  border:transparent
  }
  
  .accordion-item {
  background-color:#fff;
  border-bottom:1px solid #74768165
  }
  
  .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
  }
  
  .b-slick-1 {
  margin-top:43px
  }
  
  .b-slick-1 {
  margin-top:43px
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .form-control {
  display:block;
  width:100%;
  padding:14px 16px;
  font-weight:400;
  font-size:14px;
  font-family:"Roboto",sans-serif,sans-serif;
  border:1px solid #F4F4F4;
  border-radius:8px
  }
  
  .form-control:focus {
  color:#212529;
  background-color:#fff;
  border-color:#2662FA;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .form-label {
  margin-bottom:2px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#747681;
  font-family:"Roboto",sans-serif,sans-serif
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-form {
  padding:120px 0!important;
  background:url(../assets/image/lawyer/form-bg.png) no-repeat center/cover
  }
  
  .lawyer-form .contact-form {
  background-color:#04091ece;
  padding:48px;
  border-radius:15px
  }
  
  .lawyer-form .contact-form .exampleFormControlInput1 {
  font-family:"Roboto",sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  background-color:#FFF;
  border-style:solid;
  border-width:1px;
  border-color:#373F51;
  box-shadow:0 0 10px 0 #0000
  }
  
  .lawyer-form .contact-form .form-control {
  color:#04091E;
  height:55px;
  width:100%;
  border-radius:4px 4px 4px 4px;
  padding:0 10px 0 16px;
  margin:10px 0;
  transition:.3s;
  font-weight:500
  }
  
  .lawyer-form .contact-form .form-control:focus {
  border-color:#ff3f00;
  box-shadow:none
  }
  
  .lawyer-form .contact-form .from-iinner-btn {
  line-height:0;
  margin-top:30px
  }
  
  .lawyer-form .contact-form .from-iinner-btn .btn-style-4 {
  width:210px
  }
  
  .lawyer-form .contact-form .from-iinner-btn a {
  background:#ff3f00;
  border-color:#ff3f00;
  color:#fff
  }
  
  .lawyer-form .contact-form .from-iinner-btn a i {
  margin-left:10px
  }
  
  .lawyer-form .contact-form .from-iitem {
  display:flex;
  gap:30px
  }
  
  .lawyer-form .contact-form .from-iitem .from-iinner {
  width:100%
  }
  
  .lawyer-form .contact-form .from-iitem .mb-3 .form-control {
  height:100%;
  padding:10px 10px 0 16px
  }
  
  .lawyer-form .contact-form ::-moz-placeholder {
  color:#747681
  }
  
  .lawyer-form .contact-form ::placeholder {
  color:#747681
  }
  
  .lawyer-form .contact-form input {
  margin-bottom:25px
  }
  
  .lawyer-form .hire-content h2 {
  color:#fff;
  padding:8px 0 20px
  }
  
  .lawyer-form .hire-content h2 span {
  display:block
  }
  
  .lawyer-form .hire-content p {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-form .hire-content p:last-child {
  color:#f4f4f4
  }
  
  .martop {
  margin-top:72px
  }
  
  .mb-3 {
  margin-bottom:0!important;
  width:100%
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-r {
  padding-right:35px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-form {
  padding:120px 0;
  background:url(../assets/image/Photographer/form.png) no-repeat center/cover
  }
  
  .photographer-form .contact-form .form-btn {
  margin-top:30px;
  line-height:0
  }
  
  .photographer-form .contact-form .form-btn .btn-style-3 {
  width:210px
  }
  
  .photographer-form .contact-form .form-btn .btn-style-3 a {
  font-weight:500;
  font-size:18px
  }
  
  .photographer-form .contact-form .form-control {
  padding:14px 16px;
  font-size:14px;
  text-decoration:inherit;
  color:#fff;
  background-color:#050f25;
  border:1px solid #fff3
  }
  
  .photographer-form .contact-form .form-control:focus {
  border-color:transparent;
  box-shadow:none
  }
  
  .photographer-form .contact-form ::-moz-placeholder {
  color:#747681
  }
  
  .photographer-form .contact-form ::placeholder {
  color:#747681
  }
  
  .photographer-form .contact-form input {
  border-radius:8px;
  margin-bottom:25px
  }
  
  .photographer-form .hire-content h2 {
  color:#fff;
  padding:8px 0 20px
  }
  
  .photographer-form .hire-content h2 span {
  display:block
  }
  
  .photographer-form .hire-content p {
  color:#fdcc04;
  font-size:20px;
  line-height:32px
  }
  
  .photographer-form .hire-content p:last-child {
  color:#f4f4f4
  }
  
  .project-4 {
  padding:120px 0 0;
  background:url(../assets/image/Project-min.png) no-repeat top center;
  min-height:840px!important
  }
  
  .project-4 .project-section {
  background:#fff;
  padding:61px 38px 31px 57px;
  border-radius:4px;
  margin-top:170px;
  box-shadow:0 9px 126px #1400ff0f
  }
  
  .project-4 .project-section .project-content .project-btn {
  margin-top:44PX
  }
  
  .project-4 .project-section .project-content .project-list li {
  display:flex;
  align-items:center;
  padding-bottom:10px
  }
  
  .project-4 .project-section .project-content .project-list li i {
  margin-right:14px;
  font-size:16px;
  color:#fdcc04
  }
  
  .project-4 .project-section .project-content .project-list li p {
  color:#04091e
  }
  
  .project-4 .project-section .project-content .project-list li:last-child {
  padding-bottom:0
  }
  
  .project-4 .project-section .project-content .project-tittle p {
  padding:18px 0
  }
  
  .project-4 .project-section .project-counter-box {
  text-align:center;
  background-color:#f5f5f5;
  border:1px solid #f4f4f4;
  padding:24px 36px;
  margin:30px 10px;
  border-radius:4px;
  transition:all .5s linear
  }
  
  .project-4 .project-section .project-counter-box .counter-content {
  padding-top:21px
  }
  
  .project-4 .project-section .project-counter-box .counter-img {
  margin-top:-60px
  }
  
  .project-4 .project-section .project-counter-box:hover {
  background-color:#fdcc04
  }
  
  .project-4 .project-section .project-counter-box:hover p {
  color:#04091e
  }
  
  .project-bg {
  padding:62px 54px!important;
  margin:0 0 -20px;
  background-color:#fff;
  z-index:222;
  margin-top:-360px!important;
  position:relative;
  box-shadow:0 9px 126px #1400ff0f;
  border-radius:4px;
  border:1px solid #ECEAFF;
  position:relative;
  overflow:hidden
  }
  
  .project-bg::before {
  position:absolute;
  content:"";
  top:240px;
  left:-149px;
  width:470px;
  height:470px;
  border:100px solid #2662FA;
  opacity:.08;
  border-radius:50%
  }
  
  .send .send-item {
  background:url(../assets/image/others/send.png) no-repeat center/cover;
  padding:52px 32px 67px
  }
  
  .send .send-item .send-btn {
  text-align:end;
  margin-top:38px;
  line-height:0
  }
  
  .send .send-item .send-inner {
  display:flex;
  gap:60px;
  padding-bottom:14px
  }
  
  .slick {
  padding-bottom:120px;
  margin-top:-158px
  }
  
  .slick {
  padding-bottom:120px;
  margin-top:-158px
  }
  
  .slick .mar {
  padding:0 15px
  }
  
  .slick .mar {
  padding:0 15px
  }
  
  .slick .slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick .slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick .slick-center .slick-item {
  border:.5px solid #2662FA
  }
  
  .slick .slick-center .slick-item {
  border:.5px solid #2662FA
  }
  
  .slick .slick-center .slick-item .slick-text a {
  color:#2662FA
  }
  
  .slick .slick-center .slick-item .slick-text a {
  color:#2662FA
  }
  
  .slick .slick-center .slick-item .slick-text a span svg {
  stroke:currentColor;
  color:#2662FA
  }
  
  .slick .slick-center .slick-item .slick-text a span svg {
  stroke:currentColor;
  color:#2662FA
  }
  
  .slick .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .slick .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .slick .slick-item {
  padding:26px 28px 22px;
  background-color:#FFF;
  border-radius:10px;
  transition:all .5s;
  border:.5px solid #1d1d1d0d
  }
  
  .slick .slick-item {
  padding:26px 28px 22px;
  background-color:#FFF;
  border-radius:10px;
  transition:all .5s;
  border:.5px solid #1d1d1d0d
  }
  
  .slick .slick-item .slick-text {
  margin-top:10px
  }
  
  .slick .slick-item .slick-text {
  margin-top:10px
  }
  
  .slick .slick-item .slick-text a {
  padding-top:20px;
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline;
  display:inline-block;
  transition:all .5s
  }
  
  .slick .slick-item .slick-text a {
  padding-top:20px;
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline;
  display:inline-block;
  transition:all .5s
  }
  
  .slick .slick-item .slick-text a span svg {
  stroke:currentColor;
  color:#04091E;
  transition:all .5s
  }
  
  .slick .slick-item .slick-text a span svg {
  stroke:currentColor;
  color:#04091E;
  transition:all .5s
  }
  
  .slick .slick-item .slick-text h3 {
  font-weight:700;
  font-size:24px;
  color:#04091E;
  line-height:36px;
  transition:all .5s;
  padding-right:45px
  }
  
  .slick .slick-item .slick-text h3 {
  font-weight:700;
  font-size:24px;
  color:#04091E;
  line-height:36px;
  transition:all .5s;
  padding-right:45px
  }
  
  .slick .slick-item .slick-text p {
  padding-top:20px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  transition:all .5s
  }
  
  .slick .slick-item .slick-text p {
  padding-top:20px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  transition:all .5s
  }
  
  .slick-01 {
  margin-top:6px
  }
  
  .slick-01 {
  margin-top:6px
  }
  
  .slick-01 .b-slick-1 {
  margin-top:43px
  }
  
  .slick-01 .b-slick-1 {
  margin-top:43px
  }
  
  .slick-01 .slick-active button {
  background-color:#2662FA!important;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-01 .slick-active button {
  background-color:#2662FA!important;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-01 .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA!important;
  opacity:.2;
  text-indent:-9999px
  }
  
  .slick-01 .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA!important;
  opacity:.2;
  text-indent:-9999px
  }
  
  .slick-1 {
  margin-top:0;
  padding:120px 0 0
  }
  
  .slick-1 {
  margin-top:0;
  padding:120px 0 0
  }
  
  .slick-2 {
  margin-top:0;
  padding-top:120px;
  padding-bottom:0
  }
  
  .slick-2 {
  margin-top:0;
  padding-top:120px;
  padding-bottom:0
  }
  
  .slick-two {
  padding:126px 0 120px;
  margin-top:0
  }
  
  .slick-two {
  padding:126px 0 120px;
  margin-top:0
  }
  
  .slick-two .h-s-mt {
  margin-top:40px
  }
  
  .slick-two .h-s-mt {
  margin-top:40px
  }
  
  .slick-two .mar {
  padding:0 15px;
  margin-top:30px
  }
  
  .slick-two .mar {
  padding:0 15px;
  margin-top:30px
  }
  
  .slick-two .mar-1 {
  padding:0 15px
  }
  
  .slick-two .mar-1 {
  padding:0 15px
  }
  
  .slick-two .slick-item {
  padding:26px 28px 22px;
  background-color:#FFF;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  transition:all .5s;
  border:.5px solid #1d1d1d0d
  }
  
  .slick-two .slick-item {
  padding:26px 28px 22px;
  background-color:#FFF;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  transition:all .5s;
  border:.5px solid #1d1d1d0d
  }
  
  .slick-two .slick-item-two {
  padding:26px 28px 22px;
  background-color:#FFF;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  transition:all .5s;
  border:.5px solid #2662FA
  }
  
  .slick-two .slick-item-two {
  padding:26px 28px 22px;
  background-color:#FFF;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  transition:all .5s;
  border:.5px solid #2662FA
  }
  
  .slick-two .slick-item-two .slick-text a {
  color:#2662FA
  }
  
  .slick-two .slick-item-two .slick-text a {
  color:#2662FA
  }
  
  .slick-two .slick-item-two .slick-text a span svg {
  color:#2662FA
  }
  
  .slick-two .slick-item-two .slick-text a span svg {
  color:#2662FA
  }
  
  .slick-two .slick-item:hover {
  border:.5px solid #2662FA
  }
  
  .slick-two .slick-item:hover {
  border:.5px solid #2662FA
  }
  
  .slick-two .slick-item:hover .slick-text a {
  color:#2662FA
  }
  
  .slick-two .slick-item:hover .slick-text a {
  color:#2662FA
  }
  
  .slick-two .slick-item:hover .slick-text a span svg {
  color:#2662FA
  }
  
  .slick-two .slick-item:hover .slick-text a span svg {
  color:#2662FA
  }
  
  .thought {
  padding:120px 0
  }
  
  .thought-2 {
  padding:120px 0
  }
  
  .thought-3 {
  padding:135px 0 120px
  }
  
  .thought-teacher .form-control:focus {
  border-color:#FDCC04
  }
  
  .thought-text {
  position:relative;
  z-index:1
  }
  
  .thought-text h2 {
  font-weight:700;
  font-size:50px;
  line-height:140%;
  color:#04091E
  }
  
  .thought-three {
  padding:120px 0
  }
  
  .thought-two {
  padding:312px 0 118px
  }
  
  .thought-vic {
  position:absolute;
  right:10px;
  top:8px;
  z-index:-1
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04
  }
  
  .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .container {
  max-width:1170px;
  margin:0 auto;
  padding:0
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  .row {
  margin:0;
  padding:0
  }
  
  .slick-active button {
  background-color:#F4DCC0;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  gap:15px;
  margin-top:60px
  }
  
  .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#FDCC04;
  opacity:.2;
  text-indent:-9999px
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  html {
  font-size:62.5%;
  margin:0;
  padding:0
  }
  
  p {
  font-size:18px;
  font-weight:400;
  margin:0;
  padding:0;
  color:#747681
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .cmn-nav {
  padding:16px 24px;
  background-color:#fdcc04;
  color:#04091e;
  border-radius:8px;
  display:inline-block;
  border:1px solid #fdcc04
  }
  
  .cmn-nav:hover {
  background:#f5f5f5
  }
  
  .container {
  max-width:1170px;
  margin:0 auto;
  padding:0
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  .row {
  margin:0;
  padding:0
  }
  
  .slick-active button {
  background-color:#F4DCC0;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  gap:15px;
  margin-top:60px
  }
  
  .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#FDCC04;
  opacity:.2;
  text-indent:-9999px
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  html {
  font-size:62.5%;
  margin:0;
  padding:0
  }
  
  p {
  font-size:18px;
  font-weight:400;
  margin:0;
  padding:0;
  color:#747681
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  #tab {
  padding:105px 0 120px;
  background:url(../assets/image/others/banner/tab-bg.png) no-repeat center/cover
  }
  
  #tab .shaf-filter .course-filter li .active {
  background:#47D990
  }
  
  #tab ul li {
  padding:10px 16px;
  border:1px solid #1A253F;
  border-radius:8px;
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:160%;
  cursor:pointer;
  transition:all .5s
  }
  
  #tab ul li:hover {
  background-color:#fff;
  color:#04091E
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .course-filter {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin:30px 0 60px
  }
  
  .course-filter .active {
  background-color:#fff;
  color:#04091E!important
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .portfolio-4 {
  padding:110px 0 120px;
  background:url(../assets/image/Photographer/portfolio-bg.png) no-repeat center/cover
  }
  
  .portfolio-4 .next-arrow {
  position:absolute;
  top:-160px;
  right:75px
  }
  
  .portfolio-4 .next-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .next-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .portfolio-heading h3 {
  color:#47d990
  }
  
  .portfolio-4 .portfolio-pagination {
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery {
  padding-top:50px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img {
  margin-right:20px;
  position:relative
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay {
  position:absolute;
  width:80%;
  background-color:#fdcc04;
  height:0;
  top:9%;
  left:0;
  bottom:0;
  right:0;
  transform:translateX(9%);
  z-index:111;
  opacity:.9;
  transition:all .5s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn {
  display:flex;
  justify-content:center;
  align-items:center;
  width:54px;
  height:54px;
  background-color:#04091e;
  border-radius:100%;
  opacity:0;
  position:absolute;
  top:3%;
  right:3%;
  transition:all .4s
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-btn i {
  color:#fff;
  font-size:20px;
  transform:rotate(-45deg)
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content {
  position:absolute;
  opacity:0;
  bottom:26px;
  left:30px;
  transition:all .4s;
  padding:0 30px 0 0
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content h3 {
  color:#04091e;
  font-weight:700
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img .portfolio-ovarlay .portfolio-overlay-content p {
  font-size:20px;
  padding-bottom:12px
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay {
  height:83%
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-btn {
  opacity:1
  }
  
  .portfolio-4 .portfolio-top-gallery .portfolio-gallery .portfolio-gallery-img:hover .portfolio-ovarlay .portfolio-overlay-content {
  opacity:1
  }
  
  .portfolio-4 .prev-arrow {
  position:absolute;
  top:-160px;
  right:0
  }
  
  .portfolio-4 .prev-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .portfolio-4 .prev-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .portfolio-4 .slick-active button {
  width:50px!important;
  border-radius:20px;
  background:#47D990!important
  }
  
  .portfolio-4 .slick-dots {
  gap:10px
  }
  
  .portfolio-4 .slick-dots button {
  width:20px;
  height:12px;
  background:#F5F5F5!important;
  border-radius:20px;
  opacity:1
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .protfolio {
  padding:32px 0;
  background-color:#050F25
  }
  
  .protfolio-item {
  text-align:center
  }
  
  .protfolio-item ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item ul li {
  padding:40px 28px;
  background-color:#ffffff05;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li span svg {
  fill:currentColor;
  color:#fff;
  transition:all .4s
  }
  
  .protfolio-item ul li:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .protfolio-item ul li:hover span svg {
  fill:currentColor;
  color:#04091E
  }
  
  .protfolio-item-two {
  text-align:center
  }
  
  .protfolio-item-two ul {
  margin:0;
  padding:0
  }
  
  .protfolio-item-two ul li {
  padding:40px 28px;
  background-color:#DAED1A;
  border:1px dashed #fff3;
  border-radius:10px;
  font-weight:600;
  font-size:28px;
  color:#050F25;
  transition:all .4s
  }
  
  .protfolio-item-two ul li span svg {
  fill:currentColor;
  color:#050F25;
  transition:all .4s
  }
  
  .s-mt {
  margin-bottom:30px
  }
  
  .shuffle {
  min-height:770px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tab-head {
  text-align:center
  }
  
  .tab-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff;
  position:relative;
  z-index:1;
  padding-bottom:5px
  }
  
  .tab-head h2::after {
  position:absolute;
  content:"";
  bottom:19px;
  right:41px;
  width:225px;
  height:10px;
  background-image:url(../assets/image/others/victor/tab-vic.png);
  background-repeat:no-repeat;
  background-size:cover;
  z-index:-1
  }
  
  .tab-head p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#FFF
  }
  
  .tab-item .tab-img {
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  background-color:#04091e83;
  transition:all .5s ease-out 0s
  }
  
  .tab-item .tab-img .tab-img-overlay .over-d-f {
  display:flex;
  justify-content:center;
  margin-top:100px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text {
  text-align:center
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn a:hover {
  background-color:#2662FA;
  border:1px solid #2662FA;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 {
  margin-top:27px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a {
  padding:8px 12px;
  border:1px solid #DAED1A;
  border-radius:4px;
  font-weight:400;
  font-size:14px;
  line-height:180%;
  display:inline-block;
  color:#DAED1A;
  transition:all .5s
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text .tab-over-btn-2 a:hover {
  background-color:#DAED1A;
  border:1px solid #DAED1A;
  color:#04091E
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h4 {
  font-weight:600;
  font-size:28px;
  line-height:150%;
  color:#fff
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5 {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text h5::before {
  position:absolute;
  content:"";
  top:12px;
  left:152px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#FFF;
  padding-top:4px;
  position:relative
  }
  
  .tab-item .tab-img .tab-img-overlay .tab-img-overlay-text p::before {
  position:absolute;
  content:"";
  top:12px;
  left:119px;
  height:8px;
  width:8px;
  background-color:#DAED1A;
  border-radius:50px
  }
  
  .tab-item .tab-img img {
  height:370px;
  width:100%
  }
  
  .tab-item .tab-img:hover .tab-img-overlay {
  opacity:1
  }
  
  .tap-btnn {
  text-align:center;
  margin-top:60px
  }
  
  .tap-btnn .btn-style-2 {
  background-color:transparent;
  border-radius:8px;
  display:inline-block;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  transition:all .5s
  }
  
  .tap-btnn .btn-style-2 a {
  color:#fff
  }
  
  .tap-btnn .btn-style-2 a:hover {
  color:#04091E
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .article {
  margin-top:30px;
  border-bottom:1px solid #7476814d;
  padding-bottom:10px
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service-details {
  padding:120px 0 0
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .lawyer-service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .lawyer-service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .lawyer-service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .lawyer-service-details .service-heading {
  padding-bottom:40px
  }
  
  .lawyer-service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .lawyer-service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .lawyer-service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .lawyer-service-details .service-heading .service-social-icon i:hover {
  background-color:#FF3F00;
  color:#fff
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service {
  padding:120px 0;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card-top {
  margin-top:75px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-active button {
  background-color:#47d990
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-dots button {
  background-color:#47d990
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .query-img {
  background:url(../assets/image/others/banner/query-bg.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img .query h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .query-img .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img .query-btn .btn-style-1 a {
  background-color:#ffffff1a
  }
  
  .query-img-two {
  background:url(../assets/image/others/banner/query-bg-2.png) no-repeat center/cover;
  padding:25px 47px 23px 48px;
  border-radius:18px;
  margin-top:50px
  }
  
  .query-img-two .query h2 {
  color:#04091E
  }
  
  .query-img-two .query-btn {
  text-align:end;
  line-height:0
  }
  
  .query-img-two .query-btn .btn-style-1 a {
  background-color:#04091E;
  color:#fff
  }
  
  .research {
  padding-top:3px
  }
  
  .research h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#04091E;
  padding-top:20px
  }
  
  .research p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .research-img {
  margin:0 7px
  }
  
  .research-ml {
  margin-right:6px
  }
  
  .research-ml:last-child {
  margin-right:0
  }
  
  .research-top {
  margin-top:40px
  }
  
  .research-top-text {
  margin-top:40px
  }
  
  .research-top-text ul {
  list-style:disc;
  padding-left:1rem;
  color:#747681
  }
  
  .research-top-text ul li {
  font-weight:400;
  font-size:20px;
  line-height:152%
  }
  
  .research-two {
  padding-top:3px
  }
  
  .research-two h2 {
  font-weight:600;
  font-size:32px;
  line-height:140%;
  color:#fff;
  padding-top:20px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details {
  padding:120px 0 0
  }
  
  .service-details .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details .service-heading {
  padding-bottom:40px
  }
  
  .service-details .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 {
  padding:120px 0 0
  }
  
  .service-details-4 .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-4 .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-4 .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-4 .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-4 .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-4 .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-4 .service-heading {
  padding-bottom:40px
  }
  
  .service-details-4 .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:500;
  font-size:16px;
  line-height:175%
  }
  
  .service-details-4 .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-4 .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-4 .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-4 .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-4 .service-query-2 .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 {
  width:200px;
  background:#04091E
  }
  
  .service-details-4 .service-query-2 .service-query-section .service-qury-btn .btn-style-3 a {
  font-weight:500;
  font-size:20px;
  color:#fff
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-query .service-query-section {
  background:url(../assets/image/others/teacher-service-d.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 {
  background:#04091E;
  width:200px
  }
  
  .service-query .service-query-section .service-query-box .service-qury-btn .btn-style-3 a {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query .service-query-section .service-query-content span {
  display:block
  }
  
  .service-query-3 .service-query-section {
  background:url(../assets/image/others/service-query-3.png) no-repeat center/cover;
  padding:43px 63px;
  border-radius:18px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 {
  background-color:#ffffff42;
  width:250px
  }
  
  .service-query-3 .service-query-section .service-query-box .service-qury-btn .btn-style-4 a {
  font-weight:500;
  font-size:20px
  }
  
  .service-query-3 .service-query-section .service-query-content h2 {
  color:#fff
  }
  
  .service-query-3 .service-query-section .service-query-content span {
  display:block
  }
  
  .service-testimonial {
  background:#fff;
  padding:120px 0 90px
  }
  
  .service-testimonial .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear;
  box-shadow:5px 6px 60px #111d3b14
  }
  
  .service-testimonial .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-testimonial .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-testimonial .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-testimonial .service-card .service-content h2 span {
  display:block
  }
  
  .service-testimonial .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-testimonial .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-testimonial .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-testimonial .service-card:hover {
  border:1px solid #fdcc04
  }
  
  .service-testimonial .service-card:hover a {
  color:#fdcc04
  }
  
  .service-testimonial .service-title {
  padding-bottom:47px
  }
  
  .service-testimonial .service-title .service-inner-text {
  z-index:1
  }
  
  .service-testimonial .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-testimonial .service-title span:nth-child(2) {
  display:block
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .services-details {
  padding:120px 0 0
  }
  
  .services-details-article-icon {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon .icon {
  display:flex;
  gap:16px
  }
  
  .services-details-article-icon .icon i {
  height:40px;
  width:40px;
  background-color:#04091E;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff;
  font-size:20px;
  line-height:40px;
  text-align:center;
  border-radius:50px;
  transition:all .5s
  }
  
  .services-details-article-icon .icon i:hover {
  background-color:#2662FA
  }
  
  .services-details-article-icon .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#12141d99
  }
  
  .services-details-article-icon-two {
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:end
  }
  
  .services-details-article-icon-two .icon i {
  background-color:#747681;
  box-shadow:7px 59.0047px 60px -31.4692px #12141d33;
  color:#fff
  }
  
  .services-details-article-icon-two .icon i:hover {
  background-color:#DAED1A;
  color:#04091E
  }
  
  .services-details-article-icon-two .text p {
  font-weight:500;
  font-size:18px;
  line-height:32px;
  color:#fff
  }
  
  .services-details-article-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .services-details-article-text span {
  font-weight:600;
  font-size:18px;
  line-height:170%;
  color:#272931
  }
  
  .services-details-article-text-two span {
  color:#fff
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .website {
  margin-top:23px
  }
  
  .website {
  margin-top:40px
  }
  
  .website .website-text h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-bottom:20px
  }
  
  .website .website-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:20px
  }
  
  .website .website-text span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .website .website-text-two h2 {
  color:#fff
  }
  
  .website .website-text-two p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:30px
  }
  
  .website .website-text-two span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .Signature-text h5 {
  font-weight:500;
  font-size:20px;
  color:#04091E;
  padding-top:12px
  }
  
  .about {
  background-color:#F7F7FD;
  padding-top:120px;
  padding-bottom:127px
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-position-img {
  position:relative
  }
  
  .about-text {
  position:relative;
  z-index:1
  }
  
  .about-text .about-victor {
  position:absolute;
  top:0;
  right:37px;
  z-index:-1
  }
  
  .about-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .about-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding-top:24px
  }
  
  .about-two {
  padding-bottom:134px
  }
  
  .about-two-1 {
  padding-top:120px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .container-full {
  width:100%
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .position-img {
  position:absolute;
  top:-339px;
  left:-243px
  }
  
  .position-img .about-img {
  position:relative
  }
  
  .position-img .about-img .about-overlay {
  position:absolute;
  width:290px;
  height:74px;
  background-color:#fff;
  bottom:37px;
  right:190px;
  border-radius:12px
  }
  
  .position-img .about-img .about-overlay .icon {
  line-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px
  }
  
  .position-img .about-img .about-overlay .icon a i {
  font-size:24px;
  color:#2662FA;
  width:54px;
  height:54px;
  background-color:#2662fa11;
  border-radius:50px;
  text-align:center;
  line-height:54px;
  transition:all linear .3s
  }
  
  .position-img .about-img .about-overlay .icon a i:hover {
  background-color:#2662FA;
  color:#fff
  }
  
  .proress-item {
  margin-top:48px
  }
  
  .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-text h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-text-one h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:308px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-text-two h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E
  }
  
  .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#04091E;
  border-radius:26px
  }
  
  .signature {
  margin-top:65px
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  .about-two-03 {
  padding-bottom:134px
  }
  
  .about-two-btn {
  line-height:0;
  margin-top:50px
  }
  
  .about-two-img {
  position:relative;
  z-index:1
  }
  
  .about-two-img .about-two-img-vic {
  position:absolute;
  top:334px;
  right:-48px;
  z-index:-1;
  animation:up-down 8s linear infinite
  }
  
  .about-two-img img {
  position:absolute;
  left:-241px;
  top:0
  }
  
  .about-two-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .about-two-text p {
  font-weight:400;
  font-size:18px;
  color:#747681;
  line-height:27.36px;
  padding-right:103px;
  padding-top:20px
  }
  
  .about-two-text span {
  font-weight:500;
  font-size:24px;
  color:#2662FA
  }
  
  .proress-item-two {
  margin-top:48px
  }
  
  .proress-item-two .proress-item-text {
  display:flex;
  align-items:center;
  gap:335px;
  position:relative;
  padding-bottom:20px
  }
  
  .proress-item-two .proress-item-text .proress-over {
  position:absolute;
  top:10px;
  right:103px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one {
  display:flex;
  align-items:center;
  gap:207px;
  position:relative;
  padding-top:20px
  }
  
  .proress-item-two .proress-item-text-one .proress-over {
  position:absolute;
  top:26px;
  right:124px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-one .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-one::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-one::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:370px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two {
  display:flex;
  align-items:center;
  gap:224px;
  position:relative;
  padding-top:38px
  }
  
  .proress-item-two .proress-item-text-two .proress-over {
  position:absolute;
  top:44px;
  right:105px;
  background-color:#fff;
  z-index:11
  }
  
  .proress-item-two .proress-item-text-two .proress-over h5 {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding:8px 20px;
  border:2px solid #2662FA;
  border-radius:10px
  }
  
  .proress-item-two .proress-item-text-two::after {
  position:absolute;
  content:"";
  bottom:-13px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text-two::before {
  position:absolute;
  content:"";
  bottom:-12px;
  left:0;
  width:400px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::after {
  position:absolute;
  content:"";
  bottom:3px;
  left:0;
  width:481px;
  height:8px;
  background:#04091E;
  opacity:.1;
  border-radius:26px
  }
  
  .proress-item-two .proress-item-text::before {
  position:absolute;
  content:"";
  bottom:4px;
  left:0;
  width:414px;
  height:6px;
  background:#2662FA;
  border-radius:26px
  }
  
  @keyframes up-down {
  50% {
  transform:translateY(-163px)
  }
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .a-sig {
  margin-top:73px
  }
  
  .a-sig p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:6px
  }
  
  .about-02-item {
  display:flex;
  gap:30px;
  margin-top:47px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main {
  display:flex;
  gap:16px;
  padding-bottom:15px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .icon i {
  height:24px;
  width:24px;
  background:linear-gradient(95.49deg,#FCAD02 -36.87%,#FF0041 98.63%);
  text-align:center;
  line-height:24px;
  color:#fff;
  border-radius:50px
  }
  
  .about-02-item .about-02-inner .about-02-inner-main .text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#04091E
  }
  
  .about-02-item .about-02-inner .about-02-inner-main:last-child {
  padding-bottom:0
  }
  
  .about-4 {
  padding:94px 0
  }
  
  .about-4 .about-content {
  position:relative
  }
  
  .about-4 .about-content h2 {
  font-size:42px;
  line-height:58.8px;
  color:#04091E;
  font-weight:700
  }
  
  .about-4 .about-content h3 {
  padding-top:135px;
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#FDCC04
  }
  
  .about-4 .about-content p {
  padding:20px 0 40px;
  font-size:18px;
  line-height:27.36px;
  font-weight:400;
  color:#747681
  }
  
  .about-4 .about-description {
  padding-top:120px
  }
  
  .about-4 .about-description .about-testimonial {
  padding:33px 0;
  border-bottom:1px solid #82858525
  }
  
  .about-4 .about-description .about-testimonial .about-icon {
  width:40%;
  text-align:center
  }
  
  .about-4 .about-description .about-testimonial .about-tittle h3 {
  color:#04091e;
  font-weight:700;
  margin-bottom:8px
  }
  
  .about-4 .about-description .about-testimonial:last-child {
  border:none
  }
  
  .about-4 .about-heading-img {
  position:absolute;
  top:264px;
  z-index:-1
  }
  
  .about-lawyer {
  padding:118px 0 110px;
  background:#fff
  }
  
  .about-lawyer .about-btn {
  margin-top:48px
  }
  
  .about-lawyer .about-btn i {
  margin-left:10px
  }
  
  .about-lawyer .about-checkpoint {
  padding-bottom:21px
  }
  
  .about-lawyer .about-checkpoint i {
  font-size:20px;
  color:red;
  margin-right:16px
  }
  
  .about-lawyer .about-checkpoint p {
  color:#04091e
  }
  
  .about-lawyer .about-content h2 span {
  display:block
  }
  
  .about-lawyer .about-content h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px;
  text-transform:uppercase
  }
  
  .about-lawyer .about-content p {
  padding:24px 0 48px
  }
  
  .about-lawyer .about-img {
  margin-left:-250px
  }
  
  .about-lawyer .signature {
  padding:42px 0 0;
  margin:0
  }
  
  .about-lawyer .signature p {
  color:#04091e
  }
  
  .about-photographer {
  padding:120px 0 0;
  background:url(../assets/image/Photographer/about-bg.png) no-repeat center/cover
  }
  
  .about-photographer .about-btn {
  margin-top:48px;
  line-height:0
  }
  
  .about-photographer .about-btn a {
  font-weight:500;
  font-size:18px
  }
  
  .about-photographer .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .about-photographer .about-content p {
  padding:20px 0
  }
  
  .about-photographer .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .about-photographer .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .about-photographer .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .about-photographer .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-award {
  padding:120px 0;
  background:#f5f5f5
  }
  
  .lawyer-award .award-heading {
  padding-bottom:20px
  }
  
  .lawyer-award .award-heading h3 {
  color:#FF3F00;
  font-size:20px;
  font-weight:500;
  line-height:32px
  }
  
  .lawyer-award .award-heading p {
  padding-top:20px
  }
  
  .lawyer-award .counter-box {
  padding-top:30px;
  padding-right:22px
  }
  
  .lawyer-award .counter-section {
  padding:20px 12px;
  border:1px solid #747681;
  border-radius:8px;
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content h2 {
  transition:all .5s
  }
  
  .lawyer-award .counter-section .counter-content p {
  transition:all .5s
  }
  
  .lawyer-award .counter-section:hover {
  border-color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content h2 {
  color:#ff3f00
  }
  
  .lawyer-award .counter-section:hover .counter-content p {
  color:#ff3f00
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .photographer-about {
  padding-top:118px;
  background-color:#fff
  }
  
  .photographer-about .about-btn {
  margin-top:48px
  }
  
  .photographer-about .about-btn i {
  margin-left:10px
  }
  
  .photographer-about .about-content h3 {
  color:#47d990;
  padding-bottom:14px;
  font-weight:600
  }
  
  .photographer-about .about-content p {
  padding:20px 0
  }
  
  .photographer-about .about-img .about-inner-img {
  margin-left:-160px
  }
  
  .photographer-about .progresss-bar {
  padding-right:48px;
  margin-top:20px
  }
  
  .photographer-about .progresss-bar .progresss-item {
  margin-bottom:21px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line {
  background-color:#0a0a0a1a;
  height:6px;
  margin-top:10px;
  border-radius:26px;
  position:relative
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progress-inner-line {
  position:absolute;
  height:6px;
  background-color:#000;
  border-radius:26px
  }
  
  .photographer-about .progresss-bar .progresss-item .progresss-line .progresss-inner-text {
  position:absolute;
  top:-36px
  }
  
  .photographer-about .progresss-bar .progresss-item p {
  font-weight:500
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .experience .experience-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px 17px 16px;
  border-bottom:1px solid #494C5F
  }
  
  .experience .experience-inner .experience-btn a {
  height:25px;
  width:87px;
  background-color:#DAED1A;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  color:#050F25;
  display:inline-block;
  text-align:center
  }
  
  .experience .experience-inner .experience-text .experience-img {
  padding-top:16px
  }
  
  .experience .experience-inner .experience-text h5 {
  font-weight:600;
  font-size:20px;
  color:#fff
  }
  
  .experience .experience-inner-two {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 10px 17px 16px;
  border-bottom:1px solid #494C5F
  }
  
  .experience .experience-inner-two .experience-btn a {
  padding:5px 10px;
  border:1px solid #DAED1A;
  border-radius:6px;
  font-weight:400;
  font-size:18px;
  color:#DAED1A;
  text-align:center
  }
  
  .experience .experience-inner-two .experience-text .experience-img {
  padding-top:16px
  }
  
  .experience .experience-inner-two .experience-text h5 {
  font-weight:600;
  font-size:20px;
  color:#fff
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .freelance-head {
  margin-top:81px
  }
  
  .freelance-head h3 {
  font-weight:600;
  font-size:24px;
  color:#F4F4F4;
  border-bottom:1px solid #494C5F;
  padding-bottom:7px
  }
  
  .freelance-item {
  margin-top:40px;
  display:flex;
  gap:60px
  }
  
  .freelance-item .active-four img {
  opacity:1;
  transition:all .5s
  }
  
  .freelance-item .active-four img:hover {
  opacity:.2
  }
  
  .freelance-item .freelance-img {
  position:relative
  }
  
  .freelance-item .freelance-img img {
  opacity:.2;
  transition:all .5s
  }
  
  .freelance-item .freelance-img img:hover {
  opacity:1
  }
  
  .freelance-item .freelance-img::before {
  position:absolute;
  content:"";
  top:20px;
  left:-30px;
  width:1px;
  height:64px;
  background-color:#ffffff26
  }
  
  .freelance-item .freelance-img:nth-child(1)::before {
  width:0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .resume {
  padding:0 0 120px;
  background-color:#050F25
  }
  
  .resume-2 {
  padding:120px 0 33px
  }
  
  .resume-head {
  align-items:center;
  display:flex;
  gap:44px;
  border-bottom:1px solid #494C5F
  }
  
  .resume-head .resume-head-left h5 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .resume-head .resume-head-left p {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-top:4px
  }
  
  .resume-head .resume-head-right {
  display:flex;
  align-items:center;
  gap:8px
  }
  
  .resume-head .resume-head-right .left h2 {
  font-weight:700;
  font-size:72px;
  color:#DAED1A
  }
  
  .resume-head .resume-head-right .right p {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#fff
  }
  
  .resume-head .resume-head-right .right span {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#fff
  }
  
  .resume-head-p {
  padding-top:18px
  }
  
  .resume-head-p p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff
  }
  
  .resume-img img {
  width:100%
  }
  
  .resume-main {
  padding:60px 60px 100px!important;
  background-color:#091530;
  border:1px solid #494C5F;
  border-radius:12px
  }
  
  .resume-skill {
  display:flex;
  gap:470px;
  border-bottom:1px solid #494C5F;
  margin-top:80px;
  padding-bottom:7px
  }
  
  .resume-skill h3 {
  color:#fff;
  font-weight:400;
  font-size:24px;
  color:#F4F4F4
  }
  
  .resume-taitel {
  margin-bottom:60px
  }
  
  .resume-taitel h2 {
  font-weight:600;
  font-size:48px;
  color:#fff
  }
  
  .skill-btn {
  display:inline-flex;
  gap:40px;
  flex-wrap:wrap;
  margin-top:47px
  }
  
  .skill-btn .active-two {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .skill-btn a {
  padding:4px 14px;
  background-color:#16213B;
  border-radius:6px;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#fff;
  margin-top:-20px;
  display:inline-block;
  transition:all .5s
  }
  
  .skill-btn a:hover {
  background-color:#DAED1A;
  color:#050F25
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  .tools-btn {
  display:flex;
  gap:48px;
  flex-wrap:wrap;
  margin-right:63px;
  margin-top:27px
  }
  
  .tools-btn .active-three span svg {
  fill:currentColor;
  color:#DAED1A
  }
  
  .tools-btn a span svg {
  fill:currentColor;
  color:#1D2A47;
  transition:all .5s
  }
  
  .tools-btn a span svg:hover {
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .gallery {
  padding:120px 0
  }
  
  .gallery .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:60px
  }
  
  .gallery .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .gallery .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .gallery .page-link {
  padding:0;
  font-size:14px;
  font-weight:700;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .gallery .page-link {
  color:#747681
  }
  
  .gallery .page-link i {
  color:#04091E
  }
  
  .gallery .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .gallery .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .gallery-item {
  position:relative;
  margin:0 8px
  }
  
  .gallery-item .gallery-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#04091e75;
  border-radius:10px;
  opacity:0;
  transition:all .5s
  }
  
  .gallery-item .gallery-overlay .icon {
  position:absolute;
  top:40%;
  left:40%;
  height:87px;
  width:87px;
  background-color:#2662FA;
  border-radius:50px;
  text-align:center;
  line-height:87px
  }
  
  .gallery-item img {
  width:100%
  }
  
  .gallery-item:hover .gallery-overlay {
  opacity:1
  }
  
  .gallery-mt {
  margin-top:30px
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photogallary {
  padding:120px 0;
  background:url(../assets/image/Photographer/photo-bg.png) no-repeat center/cover
  }
  
  .photogallary .next-arrow {
  position:absolute;
  top:-160px;
  right:75px
  }
  
  .photogallary .next-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .photogallary .next-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .photogallary .photogallary-gap {
  padding-top:44px
  }
  
  .photogallary .photogallary-gap .photogallary-box {
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  margin-right:30px
  }
  
  .photogallary .photogallary-gap .photogallary-box .photogallary-content {
  padding:19px 0
  }
  
  .photogallary .photogallary-gap .photogallary-box .photogallary-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .photogallary .photogallary-gap .photogallary-box .photogallary-img .photogallary-social-icon {
  top:20px;
  left:0;
  opacity:0;
  transition:all .4s
  }
  
  .photogallary .photogallary-gap .photogallary-box .photogallary-img .photogallary-social-icon i {
  font-size:20px;
  line-height:40px;
  color:#FDCC04;
  background-color:#04091E;
  border-style:solid;
  border-color:#DDE6FB;
  width:40px;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  margin-top:10px;
  transition:all .5s
  }
  
  .photogallary .photogallary-gap .photogallary-box .photogallary-img .photogallary-social-icon i:hover {
  color:#04091E;
  background-color:#FDCC04
  }
  
  .photogallary .photogallary-gap .photogallary-box .photogallary-img img {
  width:100%
  }
  
  .photogallary .photogallary-gap .photogallary-box .photogallary-img:hover .photogallary-social-icon {
  opacity:1;
  left:20px
  }
  
  .photogallary .photogallary-gap .slick-active button {
  background-color:#47d990;
  width:50px;
  border-radius:10px;
  height:12px;
  gap:0
  }
  
  .photogallary .photogallary-gap .slick-dots {
  gap:10px
  }
  
  .photogallary .photogallary-gap .slick-dots button {
  background-color:#47d990;
  width:20px;
  border-radius:10px;
  height:12px;
  transition:all .5s
  }
  
  .photogallary .photogallary-heading h2 {
  color:#fff
  }
  
  .photogallary .photogallary-heading h3 {
  color:#47d990
  }
  
  .photogallary .photogallary-pag {
  position:relative
  }
  
  .photogallary .photogallary-pag .icon {
  display:flex;
  align-items:center;
  gap:20px;
  position:absolute;
  top:65px;
  right:22px
  }
  
  .photogallary .photogallary-pag .icon i {
  font-size:16px;
  color:#ffffff49;
  height:55px;
  width:55px;
  border:1px solid #f5f5f54f;
  border-radius:40px;
  text-align:center;
  line-height:55px;
  transition:all .5s
  }
  
  .photogallary .photogallary-pag .icon i:hover {
  background-color:#FDCC04;
  border:1px solid #FDCC04;
  color:#04091E
  }
  
  .photogallary .prev-arrow {
  position:absolute;
  top:-160px;
  right:0
  }
  
  .photogallary .prev-arrow i {
  font-size:17px;
  color:#747681;
  width:54px;
  height:54px;
  border-radius:100%;
  border:1px solid #747681;
  display:flex;
  justify-content:center;
  align-items:center
  }
  
  .photogallary .prev-arrow i:hover {
  background:#fdcc04;
  color:#04091e;
  border:none
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .featured {
  padding:112px 0 120px
  }
  
  .featured .featured-btn {
  text-align:end;
  margin-top:5px
  }
  
  .featured .featured-btn a {
  color:#272931;
  border:1.5px solid #747681;
  border-radius:8px;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  padding:20px 40px;
  transition:all .5s
  }
  
  .featured .featured-btn:hover a {
  color:#2662FA;
  border-color:#2662FA
  }
  
  .featured .featured-head h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#04091E;
  padding-top:12px
  }
  
  .featured .featured-head h4 {
  font-weight:600;
  font-size:24px;
  color:#2662FA;
  position:relative;
  margin-left:70px
  }
  
  .featured .featured-head h4::before {
  position:absolute;
  content:"";
  top:12px;
  left:-65px;
  width:46px;
  height:4px;
  background-color:#2662FA
  }
  
  .featured .featured-item .featured-item-img {
  position:relative
  }
  
  .featured .featured-item .featured-item-img .featured-overlay {
  transition:all .5s;
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(180deg,#fff0 -24.52%,#000c2b94 72.76%,#000c2bd9 100%);
  border-radius:10px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-btm-img {
  text-align:end;
  margin-top:-37px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-btm-text span {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#fff;
  padding-right:10px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-btm-text span del {
  color:#C4C4C4;
  font-weight:400
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner {
  padding:0 45px;
  position:absolute;
  bottom:39px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon {
  display:flex;
  gap:10px;
  align-items:center
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon .icon i {
  color:#FFCE4C;
  border-radius:2px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon .icon i:last-child {
  color:#C4C4C4
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon .text span {
  font-weight:400;
  font-size:24px;
  color:#fff
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-text h3 {
  padding-right:5px
  }
  
  .featured .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-text h3 a {
  font-weight:600;
  font-size:32px;
  line-height:160%;
  color:#fff
  }
  
  .featured .featured-item .featured-item-img img {
  width:100%
  }
  
  .featured .featured-item .featured-item-img:hover .featured-overlay {
  opacity:1
  }
  
  .featured .featured-top {
  margin-top:61px
  }
  
  .featured .padd {
  padding:0 20px
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .product {
  padding:115px 0 120px
  }
  
  .product .featured-item .featured-item-img {
  position:relative
  }
  
  .product .featured-item .featured-item-img .featured-overlay {
  transition:all .5s;
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(180deg,#fff0 -24.52%,#000c2b94 72.76%,#000c2bd9 100%);
  border-radius:10px
  }
  
  .product .featured-item .featured-item-img .featured-overlay .featured-overlay-btm-img {
  text-align:end;
  margin-top:-37px
  }
  
  .product .featured-item .featured-item-img .featured-overlay .featured-overlay-btm-text span {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#fff;
  padding-right:10px
  }
  
  .product .featured-item .featured-item-img .featured-overlay .featured-overlay-btm-text span del {
  color:#C4C4C4;
  font-weight:400
  }
  
  .product .featured-item .featured-item-img .featured-overlay .featured-overlay-inner {
  padding:0 45px;
  position:absolute;
  bottom:39px
  }
  
  .product .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon {
  display:flex;
  gap:10px;
  align-items:center
  }
  
  .product .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon .icon i {
  color:#FFCE4C;
  border-radius:2px
  }
  
  .product .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon .icon i:last-child {
  color:#C4C4C4
  }
  
  .product .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-icon .text span {
  font-weight:400;
  font-size:24px;
  color:#fff
  }
  
  .product .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-text h3 {
  padding-right:5px
  }
  
  .product .featured-item .featured-item-img .featured-overlay .featured-overlay-inner .featured-overlay-text h3 a {
  font-weight:600;
  font-size:32px;
  line-height:160%;
  color:#fff
  }
  
  .product .featured-item .featured-item-img img {
  width:100%
  }
  
  .product .featured-item .featured-item-img:hover .featured-overlay {
  opacity:1
  }
  
  .product .featured-top {
  margin-top:61px
  }
  
  .product .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:60px
  }
  
  .product .padd {
  padding:0 15px
  }
  
  .product .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .product .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .product .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .product .page-link {
  color:#747681
  }
  
  .product .page-link i {
  color:#04091E
  }
  
  .product .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .product .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .product .product-mt {
  margin-top:30px
  }
  
  .product-box {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 25px 16px 16px;
  border:1px solid #F4F4F4;
  filter:drop-shadow(0px 9px 126px #1400ff0f);
  border-radius:4px;
  margin-top:45px
  }
  
  .product-box .product-grid {
  display:flex;
  align-items:center;
  gap:16px
  }
  
  .product-box .product-grid .icon {
  width:42px;
  height:42px;
  background-color:#F4F4F4;
  border-radius:4px;
  line-height:42px;
  text-align:center;
  transition:all .5s
  }
  
  .product-box .product-grid .icon span svg {
  fill:currentColor;
  color:#747681;
  transition:all .5s
  }
  
  .product-box .product-grid .icon-1 {
  width:42px;
  height:42px;
  background-color:#2662FA;
  border-radius:4px;
  line-height:42px;
  text-align:center
  }
  
  .product-box .product-grid .icon-1 span svg {
  fill:currentColor;
  color:#fff
  }
  
  .product-box .product-grid .icon:hover {
  background-color:#2662FA
  }
  
  .product-box .product-grid .icon:hover span svg {
  color:#fff
  }
  
  .product-box .product-sarch {
  display:flex;
  align-items:center;
  gap:40px
  }
  
  .product-box .product-sarch .product-btn {
  display:flex
  }
  
  .product-box .product-sarch .product-btn .product-btn-left .p-b-text {
  width:450px;
  height:60px;
  background-color:#2662fa1e;
  border-radius:4px;
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  border:none;
  padding-left:20px
  }
  
  .product-box .product-sarch .product-btn .product-btn-right a {
  width:147px;
  height:60px;
  background-color:#2662FA;
  border-radius:4px;
  display:inline-block;
  font-weight:400;
  font-size:18px;
  line-height:60px;
  color:#fff;
  text-align:center;
  border:.5px solid #2662FA;
  transition:all .5s
  }
  
  .product-box .product-sarch .product-btn .product-btn-right a:hover {
  background-color:#fff;
  color:#2662FA
  }
  
  .product-box .product-sarch .results p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .product-box .product-sarch .results p span {
  color:#04091E
  }
  
  .product-head {
  text-align:center;
  position:relative;
  z-index:1
  }
  
  .product-head .product-vic {
  position:absolute;
  top:0;
  right:377px;
  z-index:-1
  }
  
  .product-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .additional-details h4 {
  font-weight:600;
  font-size:24px;
  color:#2662FA;
  padding-top:20px
  }
  
  .additional-details-btn {
  margin-top:56px
  }
  
  .additional-details-item {
  display:flex;
  gap:66px;
  margin-top:24px
  }
  
  .additional-details-item .additional-details-inner p {
  font-weight:500;
  font-size:18px;
  line-height:152%;
  color:#111;
  padding-bottom:12px
  }
  
  .additional-details-item .additional-details-inner p span {
  color:#747681;
  padding-left:20px
  }
  
  .additional-details-item .additional-details-inner p:last-child {
  padding-bottom:0
  }
  
  .additional-details-top {
  margin-top:53px
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .product-details {
  background:url(../assets/image/others/banner/Product-details-bg.png) no-repeat center/cover;
  padding:120px 0
  }
  
  .product-details .slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .product-details .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .product-details-middel h5 {
  font-weight:600;
  font-size:24px;
  color:#2662FA;
  padding-top:40px
  }
  
  .product-details-middel p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  padding:20px 0
  }
  
  .product-details-middel span {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681
  }
  
  .product-details-mt {
  padding-top:40px;
  border-bottom:2px solid #ECEAFF;
  padding-bottom:20px
  }
  
  .product-details-text h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .product-details-text-right p {
  font-weight:600;
  font-size:32px;
  color:#04091E
  }
  
  .product-details-text-right p del {
  color:#747681
  }
  
  .product-details-text-right p span {
  padding-left:63px
  }
  
  .product-details-text-right-icon {
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  margin-left:-57px
  }
  
  .product-details-text-right-icon .icon i {
  color:#FFCE4C;
  border-radius:2px
  }
  
  .product-details-text-right-icon .icon span i {
  color:#C4C4C4
  }
  
  .product-details-text-right-icon p {
  font-weight:400;
  font-size:24px;
  color:#04091E
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .Product {
  padding:420px 0 120px;
  background:url(../assets/image/others/banner/Product-bg.png) no-repeat center/cover;
  margin-top:-294px
  }
  
  .Product-2 {
  margin-top:0;
  padding:124px 0 120px
  }
  
  .Product-2 .h-1-blog-btn {
  display:flex;
  justify-content:end;
  margin-top:25px
  }
  
  .Product-2 .page-item:first-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-item:last-child .page-link {
  border-radius:8px
  }
  
  .Product-2 .page-link {
  padding:0;
  height:40px;
  width:40px;
  background-color:#FFF;
  border:1px solid #F1F1F1;
  border-radius:8px;
  text-align:center;
  line-height:40px
  }
  
  .Product-2 .page-link {
  color:#747681
  }
  
  .Product-2 .page-link i {
  color:#04091E
  }
  
  .Product-2 .page-link:focus {
  z-index:3;
  color:#0a58ca;
  background-color:#e9ecef;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .Product-2 .pagination {
  display:flex;
  padding-left:0;
  list-style:none;
  gap:8px
  }
  
  .Product-btn {
  text-align:center;
  margin-top:60px
  }
  
  .Product-btn a {
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  color:#747681;
  padding:16px 24px;
  border:1.5px solid #747681;
  border-radius:8px;
  transition:all linear .3s
  }
  
  .Product-btn a:hover {
  background-color:#2662FA;
  border:1.5px solid #2662FA;
  color:#fff
  }
  
  .Product-head {
  position:relative;
  z-index:1
  }
  
  .Product-head h2 {
  text-align:center;
  font-weight:700;
  font-size:48px;
  color:#04091E
  }
  
  .Product-item {
  position:relative
  }
  
  .Product-item .Product-img .product-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background-color:#2662FA;
  opacity:.9;
  z-index:111;
  transition:all linear .5s;
  border-radius:5px
  }
  
  .Product-item .Product-img .product-overlay span {
  position:absolute;
  top:45%;
  left:45%;
  opacity:0;
  transition:all linear .5s
  }
  
  .Product-item .Product-img img {
  width:100%;
  position:relative
  }
  
  .Product-item .Product-text {
  position:absolute;
  bottom:36px;
  left:30px;
  transition:all linear .5s
  }
  
  .Product-item .Product-text h6 {
  font-weight:700;
  font-size:24px;
  color:#fff
  }
  
  .Product-item .Product-text p {
  font-weight:400;
  font-size:20px;
  color:#fff;
  position:relative;
  z-index:1;
  margin-left:20px
  }
  
  .Product-item:hover .Product-img .product-overlay {
  height:100%
  }
  
  .Product-item:hover .Product-text {
  opacity:0
  }
  
  .Product-item:hover .product-overlay span {
  opacity:1
  }
  
  .Product-top {
  margin-top:55px
  }
  
  .Product-vic {
  position:absolute;
  top:0;
  right:257px;
  z-index:-1
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .blog-btm-btn {
  text-align:center;
  margin-top:30px
  }
  
  .blog-btm-btn .btn-style-1 {
  padding:20px 40px;
  border:1.5px solid #747681;
  border-radius:8px;
  color:#747681;
  font-weight:600;
  font-size:18px;
  line-height:120%;
  display:inline-block;
  transition:all .5s;
  background-color:transparent!important
  }
  
  .blog-btm-btn .btn-style-1:hover {
  background-color:#2662FA!important;
  border-color:#2662FA
  }
  
  .blog-btm-btn .btn-style-1:hover a {
  color:#fff!important
  }
  
  .blog-btm-btn a {
  color:#747681!important
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .grid-sizer,.grid-item {
  width:calc(33.33% - 20px)
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .mt-pt {
  margin-bottom:30px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .contact-me {
  padding:120px 0 0;
  margin-bottom:-17px
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .contuict-me-main {
  display:flex;
  justify-content:space-between;
  padding:60px 78px;
  background-color:#F8FBFF;
  border:1px solid #DFEAF9;
  box-shadow:0 30px 50px #0e17390a;
  border-radius:0 15px 15px 0;
  position:relative
  }
  
  .contuict-me-main .contact-me-item {
  display:flex
  }
  
  .contuict-me-main .contact-me-item .contact-me-inner {
  display:flex;
  gap:34px
  }
  
  .contuict-me-main .contact-me-item .contact-me-inner .text h3 {
  font-weight:600;
  font-size:24px;
  line-height:150%
  }
  
  .contuict-me-main .contact-me-item .contact-me-inner .text h5 {
  font-weight:600;
  font-size:24px;
  color:#04091E;
  line-height:150%
  }
  
  .contuict-me-main .contact-me-item .contact-me-inner .text p {
  font-weight:400;
  font-size:20px;
  line-height:35px
  }
  
  .contuict-me-main::after {
  position:absolute;
  content:"";
  top:0;
  left:50%;
  width:1px;
  height:100%;
  background-color:#DFEAF9
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .customer-4 {
  background:url(/assets/image/customer-bg.png) no-repeat center/cover;
  padding:110px 0 0;
  margin-bottom:-16px
  }
  
  .customer-4 .customer-heading h3 {
  padding-bottom:12px
  }
  
  .customers {
  padding:93px 0 120px;
  background:url(../assets/image/others/banner/Customer-bg.png) no-repeat center/cover
  }
  
  .customers .coustomers-text {
  text-align:center
  }
  
  .customers .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head {
  text-align:center;
  margin-top:71px
  }
  
  .customers .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#04091E;
  line-height:67.2px
  }
  
  .customers .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#2662FA;
  line-height:32px
  }
  
  .customers .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#04091E
  }
  
  .customers .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#fff;
  border-radius:4px
  }
  
  .customers .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#747681;
  padding-top:16px
  }
  
  .customers .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers .customers-item {
  position:relative;
  margin-top:17px
  }
  
  .customers .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#000;
  transition:all .5s
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:2px;
  background-color:#cdd6d7
  }
  
  .customers .mart {
  padding:0 20px
  }
  
  .customers .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .customers-1 {
  padding:95px 0 120px
  }
  
  .customers-two {
  padding:110px 0 120px;
  background:url(../assets/image/others/banner/Customer-2.png) no-repeat center/cover
  }
  
  .customers-two .coustomers-text {
  text-align:center;
  margin-top:55px
  }
  
  .customers-two .coustomers-text h2 {
  font-weight:600;
  font-size:24px;
  color:#F5F5F5
  }
  
  .customers-two .customer-head {
  text-align:center;
  margin-top:0
  }
  
  .customers-two .customer-head h2 {
  font-weight:700;
  font-size:48px;
  color:#fff;
  line-height:67.2px
  }
  
  .customers-two .customer-head span {
  font-weight:500;
  font-size:20px;
  color:#DAED1A;
  line-height:32px
  }
  
  .customers-two .customer-head-inner {
  display:flex;
  justify-content:space-between
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df {
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:35px
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text h4 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .customers-two .customer-head-inner .customer-head-innner-df .customer-head-inner-text p {
  font-weight:400;
  font-size:18px;
  color:#747681
  }
  
  .customers-two .customer-head-item {
  padding:39px 33px 31px 40px;
  background-color:#16213C;
  border-radius:4px
  }
  
  .customers-two .customer-head-item .icon {
  display:flex;
  gap:10px
  }
  
  .customers-two .customer-head-item .icon i {
  font-size:20px;
  color:#FDCC04
  }
  
  .customers-two .customer-head-item .text p {
  font-style:italic;
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#F5F5F5;
  padding-top:16px
  }
  
  .customers-two .customer-head-item-slick {
  margin-top:33px
  }
  
  .customers-two .customers-item {
  position:relative;
  margin-top:46px
  }
  
  .customers-two .customers-item .customers-inner .customers-img {
  position:relative;
  padding-bottom:32px;
  display:flex;
  justify-content:center
  }
  
  .customers-two .customers-item .customers-inner .customers-img img {
  opacity:.3;
  transition:all .5s;
  width:100px;
  height:40px
  }
  
  .customers-two .customers-item .customers-inner .customers-img::before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background-color:#fff;
  transition:all .5s
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img img {
  opacity:1
  }
  
  .customers-two .customers-item .customers-inner .slick-center.customers-img::before {
  width:100%!important
  }
  
  .customers-two .customers-item::before {
  position:absolute;
  content:"";
  top:70px;
  left:0;
  width:100%;
  height:1px;
  background-color:#747681
  }
  
  .customers-two .mart {
  padding:0 20px
  }
  
  .customers-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .customers-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  opacity:.2;
  text-indent:-9999px
  }
  
  .customers-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-mt {
  margin-top:30px
  }
  
  .inner-service .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px;
  box-shadow:0 10px 50px #1d1d1d0d
  }
  
  .inner-service .service-item .service-icon span {
  color:#2662FA
  }
  
  .inner-service .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .inner-service .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .inner-service .service-item .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .inner-service .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .inner-service .service-item-002 {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item-002 .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item-002 .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item-002 .service-item-text h3 {
  font-weight:700;
  font-size:26px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#fff!important;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .inner-service .service-item-002 .service-overelay {
  opacity:1
  }
  
  .inner-service .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .inner-service .service-item:hover .service-btn a {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .inner-service .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .inner-service .service-item:hover .service-overelay {
  opacity:1
  }
  
  .inner-top {
  margin-top:40px
  }
  
  .lawyer-service .container {
  max-width:1292px;
  padding:51px 35px 60px 51px;
  box-shadow:0 10px 50px 0 #1d1d1d0d;
  border:1px solid #1d1d1d0d;
  border-radius:12px;
  margin-top:-76px;
  background-color:#fff
  }
  
  .lawyer-service .container .service-heading {
  position:relative;
  z-index:1
  }
  
  .lawyer-service .container .service-heading .service-heading-img {
  position:absolute;
  top:66px;
  left:134px;
  z-index:-1
  }
  
  .lawyer-service .container .service-heading p {
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper {
  padding-top:40px
  }
  
  .lawyer-service .service-card-wrapper .service-card {
  padding:40px 32px;
  border:2px solid #f4f4f4;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 {
  padding:40px 32px;
  border-color:#ff3f00;
  border-radius:8px;
  margin-right:16px;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content {
  padding-top:20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a {
  text-decoration:underline;
  font-weight:400
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content h3 {
  color:#04091e;
  font-weight:600
  }
  
  .lawyer-service .service-card-wrapper .service-card-2 .service-card-content p {
  padding:12px 0 20px
  }
  
  .lawyer-service .service-card-wrapper .service-card-2:hover {
  border:2px solid #f4f4f4
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn {
  padding-top:60px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a {
  padding:16px 21px;
  border:1px solid #74768143;
  color:#747681;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  line-height:152%;
  display:inline-block;
  transition:all .5s
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a i {
  margin-left:10px
  }
  
  .lawyer-service .service-card-wrapper .service-card-btn a:hover {
  border:1px solid #ff3f00;
  color:#ff3f00
  }
  
  .lawyer-service .service-card-wrapper .service-card:hover {
  border-color:#ff3f00
  }
  
  .lawyer-service .service-tittle {
  padding:0 20px
  }
  
  .lawyer-service-2 .container {
  max-width:1292px;
  padding:114px 0 120px;
  box-shadow:0 10px 50px 0 transparent;
  border:none;
  border-radius:12px;
  margin-top:0;
  background-color:#fff
  }
  
  .lawyer-service-2 .container .service-heading p {
  color:#ff3f00
  }
  
  .m-r {
  padding:0 15px
  }
  
  .mar-top {
  margin-top:60px
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-service {
  padding:103px 0 120px;
  background-color:#d9d9d908
  }
  
  .photographer-service .service-card {
  padding:33px 28px;
  background-color:#fff;
  border-radius:10px;
  border:1px solid #1d1d1d0d;
  position:relative;
  margin-right:20px;
  overflow:hidden
  }
  
  .photographer-service .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card-002 .service-btn {
  padding:20px 0
  }
  
  .photographer-service .service-card-002 .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .service-card-002 .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .service-card-002 .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .service-card-002 .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .service-card-002 .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .service-card-002 .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .service-card-002 .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .service-card-002 a {
  color:#04091e
  }
  
  .photographer-service .service-card-002 h3 {
  color:#04091e
  }
  
  .photographer-service .service-card-002 p {
  color:#04091e
  }
  
  .photographer-service .service-card-bottom {
  margin-top:30px
  }
  
  .photographer-service .service-card-top {
  margin-top:42px
  }
  
  .photographer-service .service-card:hover {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .service-card:hover .service-card-img svg circle {
  fill:#04091E
  }
  
  .photographer-service .service-card:hover .service-card-img svg path {
  color:#04091E
  }
  
  .photographer-service .service-card:hover a {
  color:#04091e
  }
  
  .photographer-service .service-card:hover h3 {
  color:#04091e
  }
  
  .photographer-service .service-card:hover p {
  color:#04091e
  }
  
  .photographer-service .service-tittle p {
  font-size:20px;
  line-height:32px
  }
  
  .photographer-service .slick-active button {
  background-color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card {
  background-color:#FDCC04;
  transition:all .5s linear
  }
  
  .photographer-service .slick-center .service-card .service-btn {
  padding:20px 0
  }
  
  .photographer-service .slick-center .service-card .service-btn .fa-arrow-right {
  transform:rotate(-45deg)
  }
  
  .photographer-service .slick-center .service-card .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 {
  padding:24px 0;
  color:#04091e;
  font-weight:700
  }
  
  .photographer-service .slick-center .service-card .service-card-content h3 span {
  display:block
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg circle {
  fill:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  color:#04091E!important
  }
  
  .photographer-service .slick-center .service-card .service-card-img svg path {
  stroke:currentColor;
  color:#FDCC04
  }
  
  .photographer-service .slick-center .service-card .service-overlay {
  position:absolute;
  width:319px;
  height:319px;
  border-radius:100%;
  border:80px solid #ffffff2e;
  opacity:1;
  top:200px;
  left:139px
  }
  
  .photographer-service .slick-center .service-card a {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card h3 {
  color:#04091e
  }
  
  .photographer-service .slick-center .service-card p {
  color:#04091e
  }
  
  .photographer-service .slick-dots button {
  background-color:#FDCC04;
  opacity:.9
  }
  
  .photographer-service .slick-service {
  margin-top:42px
  }
  
  .service {
  padding:124px 0 120px
  }
  
  .service .slick-center .service-item {
  background-color:#2662FA
  }
  
  .service .slick-center .service-item .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item .service-overelay {
  opacity:1
  }
  
  .service .slick-center .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service .slick-center .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service .slick-center .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#2662FA;
  opacity:.2;
  text-indent:-9999px
  }
  
  .service .slick-dots li.slick-active button {
  background-color:#2662FA;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-4 {
  background:#e8faf3;
  padding:110px 0 86px
  }
  
  .service-4 .service-card {
  padding:24px;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 22px 32px 0;
  border:.05px solid #fff;
  transition:all .5s linear
  }
  
  .service-4 .service-card .service-content .service-btn a {
  font-weight:400;
  text-decoration:underline
  }
  
  .service-4 .service-card .service-content .service-btn i {
  transform:rotate(-45deg);
  margin-left:2px
  }
  
  .service-4 .service-card .service-content h2 {
  font-size:42px;
  line-height:58.8px;
  font-weight:600;
  background:-webkit-linear-gradient(#3b3c3d12,#04091e0c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
  }
  
  .service-4 .service-card .service-content h2 span {
  display:block
  }
  
  .service-4 .service-card .service-content h3 {
  color:#04091e;
  font-weight:700;
  margin-top:-21px
  }
  
  .service-4 .service-card .service-content p {
  padding:12px 0 16px
  }
  
  .service-4 .service-card .service-overlay {
  position:absolute;
  right:-25px;
  top:-20px
  }
  
  .service-4 .service-card:hover {
  border:.05px solid #fdcc04
  }
  
  .service-4 .service-card:hover a {
  color:#FDCC04
  }
  
  .service-4 .service-title {
  padding-bottom:37px
  }
  
  .service-4 .service-title .service-inner-text {
  z-index:1
  }
  
  .service-4 .service-title .service-inner-text img {
  position:absolute;
  top:42px;
  right:0;
  z-index:-1
  }
  
  .service-4 .service-title h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-4 .service-title h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500;
  color:#fdcc04
  }
  
  .service-4 .service-title span:nth-child(2) {
  display:block
  }
  
  .service-btn {
  padding-top:20px
  }
  
  .service-btn a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  text-decoration-line:underline
  }
  
  .service-btn a i {
  transform:rotate(-45deg)
  }
  
  .service-details-photographer {
  padding:120px 0 0
  }
  
  .service-details-photographer .service-blog .service-blog-tittle h2 {
  padding-bottom:20px
  }
  
  .service-details-photographer .service-blog .service-blog-tittle p {
  padding-bottom:12px
  }
  
  .service-details-photographer .service-blog .service-research .service-list {
  padding:40px 20px 50px
  }
  
  .service-details-photographer .service-blog .service-research .service-list li {
  list-style:circle;
  padding-bottom:10px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-img {
  display:flex;
  gap:0 30px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle h3 {
  color:#04091e;
  font-weight:600;
  padding-top:8px
  }
  
  .service-details-photographer .service-blog .service-research .service-research-tittle p {
  padding:20px 0 40px
  }
  
  .service-details-photographer .service-heading {
  padding-bottom:40px
  }
  
  .service-details-photographer .service-heading .service-social-detail {
  padding:40px 0 20px;
  border-bottom:1px solid #00000021
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date a {
  color:#747681;
  font-weight:400;
  font-size:18px;
  line-height:152%
  }
  
  .service-details-photographer .service-heading .service-social-detail .service-date p {
  color:#04091e;
  font-weight:600
  }
  
  .service-details-photographer .service-heading .service-social-icon {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon i:hover {
  background-color:#fdcc04;
  color:#04091e
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 {
  gap:16px
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i {
  font-size:15px;
  width:40px;
  height:40px;
  background-color:#04091e;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  transition:all .5s
  }
  
  .service-details-photographer .service-heading .service-social-icon-2 i:hover {
  background-color:#2662FA!important;
  color:#fff!important
  }
  
  .service-head {
  position:relative;
  z-index:1
  }
  
  .service-head h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .service-item {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#fff;
  position:relative;
  overflow:hidden;
  z-index:1
  }
  
  .service-item .service-icon span {
  color:#2662FA
  }
  
  .service-item .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-item .service-icon span svg circle {
  fill:currentColor;
  color:#2662FA
  }
  
  .service-item .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#04091E;
  padding-top:24px
  }
  
  .service-item .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#747681;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-item .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #fff1;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-item:hover {
  background-color:#2662FA;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px
  }
  
  .service-item:hover .service-btn a {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .circle {
  color:#fff
  }
  
  .service-item:hover .service-icon span svg .path {
  stroke:#fff
  }
  
  .service-item:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-item:hover .service-item-text p {
  color:#fff
  }
  
  .service-item:hover .service-overelay {
  opacity:1
  }
  
  .service-mt {
  padding:120px 0 0
  }
  
  .service-mt .mar-top {
  margin-top:0
  }
  
  .service-text p {
  font-weight:400;
  font-size:18px;
  line-height:160%;
  color:#747681
  }
  
  .service-three {
  padding:125px 0 120px
  }
  
  .service-three .ser-mt {
  margin-top:30px
  }
  
  .service-three .service-item-two-active {
  border:1px solid #DAED1A
  }
  
  .service-three .service-item-two-active .service-overelay {
  opacity:1
  }
  
  .service-three .service-two-mt {
  margin-top:40px
  }
  
  .service-two {
  background-color:#050F25;
  padding:92px 0 120px
  }
  
  .service-two .mar-top {
  margin-top:42px
  }
  
  .service-two .service-btn a {
  color:#fff
  }
  
  .service-two .service-head h2 {
  color:#fff
  }
  
  .service-two .service-item-two {
  padding:30px 28px;
  border:1px solid #1d1d1d0d;
  border-radius:10px;
  transition:background-color .5s ease;
  background-color:#091530;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:1;
  margin:0 6px
  }
  
  .service-two .service-item-two .service-icon span {
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-icon span svg .path {
  stroke:currentColor
  }
  
  .service-two .service-item-two .service-icon span svg circle {
  fill:currentColor;
  color:#DAED1A
  }
  
  .service-two .service-item-two .service-item-text h3 {
  font-weight:700;
  font-size:24px;
  line-height:150%;
  color:#fff;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-item-text p {
  font-weight:400;
  font-size:18px;
  line-height:152%;
  color:#F5F5F5;
  letter-spacing:-.01em;
  padding-top:24px
  }
  
  .service-two .service-item-two .service-overelay {
  position:absolute;
  width:319px;
  height:319px;
  border:80px solid #ffffff15;
  border-radius:500px;
  bottom:-146px;
  right:-95px;
  z-index:-1;
  opacity:0;
  transition:.5s ease
  }
  
  .service-two .service-item-two:hover {
  background-color:#091530;
  box-shadow:0 10px 50px #1d1d1d0d;
  border-radius:10px;
  border:1px solid #DAED1A
  }
  
  .service-two .service-item-two:hover .service-btn a {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-icon span svg .circle {
  color:transparent
  }
  
  .service-two .service-item-two:hover .service-icon span svg .path {
  stroke:transparent
  }
  
  .service-two .service-item-two:hover .service-item-text h3 {
  color:#fff
  }
  
  .service-two .service-item-two:hover .service-item-text p {
  color:#F5F5F5
  }
  
  .service-two .service-item-two:hover .service-overelay {
  opacity:1
  }
  
  .service-two .service-text p {
  color:#F5F5F5
  }
  
  .service-two .slick-center .service-item-two {
  border:1px solid #DAED1A;
  background-color:#091530
  }
  
  .service-two .slick-center .service-item-two .service-overelay {
  opacity:1
  }
  
  .service-two .slick-center .service-item-two:hover {
  background-color:#091530!important
  }
  
  .service-two .slick-dots {
  display:flex;
  justify-content:center;
  list-style-type:none;
  margin:60px 0 0;
  gap:12px;
  padding:0
  }
  
  .service-two .slick-dots button {
  display:block;
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:100%;
  background-color:#DAED1A;
  text-indent:-9999px
  }
  
  .service-two .slick-dots li.slick-active button {
  background-color:#DAED1A;
  opacity:1;
  height:14px;
  width:14px
  }
  
  .service-vic {
  position:absolute;
  top:-7px;
  right:42px;
  z-index:-1
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  * {
  margin:0;
  padding:0;
  box-sizing:border-box
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .bg-1 {
  background-color:#050F25
  }
  
  .container {
  width:1170px;
  padding:0
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .error {
  padding:120px 0
  }
  
  .error-btn {
  text-align:center;
  margin-top:40px;
  line-height:0
  }
  
  .error-img {
  text-align:center
  }
  
  .error-text h2 {
  text-align:center;
  font-weight:600;
  font-size:48px;
  color:#04091E
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  a {
  text-decoration:none
  }
  
  body {
  overflow-x:hidden;
  font-family:"Roboto",sans-serif
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }
  
  img {
  vertical-align:middle
  }
  
  p {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0
  }
  
  p,a,h1,h2,h3,h4,h5,h6,span {
  font-family:"Roboto",sans-serif
  }
  
  ul {
  list-style:none;
  padding:0;
  margin:0
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:italic;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:400
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:500
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-style:normal;
  font-weight:600
  }
  
  @font-face {
  font-family:"Roboto",sans-serif;
  font-weight:700
  }
  
  #main-preloder {
  position:fixed;
  width:100%;
  height:100%;
  background-color:#000;
  z-index:100000000000
  }
  
  .preloder {
  display:flex;
  flex-wrap:wrap;
  width:60px;
  transform:rotate(-45deg);
  margin:auto;
  position:fixed;
  top:calc(50% - 30px);
  left:calc(50% - 30px);
  animation:scale-x 1s ease forwards;
  animation-delay:2.3s
  }
  
  .preloder span {
  flex-basis:50%;
  aspect-ratio:1/1;
  display:block;
  transition:opacity .7s ease
  }
  
  .tile-1 {
  background-color:#fff;
  transform-origin:100% 100%;
  animation:flip-1 .5s linear forwards;
  border:none;
  opacity:0;
  transition:opacity .7s ease
  }
  
  .tile-2 {
  background-color:#fff;
  transform-origin:50% 100%;
  animation:flip-2 .5s linear forwards;
  animation-delay:.5s;
  opacity:0
  }
  
  .tile-3 {
  background-color:#fff;
  transform-origin:50% 0;
  animation:flip-4 .5s linear forwards;
  animation-delay:1.5s;
  opacity:0
  }
  
  .tile-4 {
  background-color:#fff;
  transform-origin:0 50%;
  animation:flip-3 .5s linear forwards;
  animation-delay:1s;
  opacity:0
  }
  
  h1 {
  font-size:72px;
  line-height:84.46px;
  color:#f5f5f5
  }
  
  h1,h2,h3,h4,h5,h6 {
  font-weight:700;
  color:#04091e;
  margin:0
  }
  
  h2 {
  font-size:48px;
  line-height:67.2px
  }
  
  h3 {
  font-size:24px;
  line-height:36px;
  font-weight:500
  }
  
  @keyframes flip-1 {
  to {
  transform:rotateY(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-2 {
  to {
  transform:rotateX(180deg);
  opacity:1
  }
  }
  
  @keyframes flip-3 {
  to {
  transform:rotateY(-180deg);
  opacity:1
  }
  }
  
  @keyframes flip-4 {
  to {
  transform:rotateX(-180deg);
  opacity:1
  }
  }
  
  @keyframes scale-x {
  to {
  transform:scale(50);
  opacity:0
  }
  }
  
  .header {
  position:fixed;
  padding:12px 0;
  width:100%;
  z-index:9998
  }
  
  .header .menu-padding {
  padding:0
  }
  
  .header .nav-bg {
  animation:slideDown 1s ease-out;
  margin-top:-52px;
  z-index:9999
  }
  
  @keyframes slideDown {
  from {
  transform:translateY(-100%)
  }
  
  to {
  transform:translateY(0)
  }
  }
  
  .btn-style-1 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#2662FA;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-1 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-1:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-1:hover {
  background-color:#042F9C;
  color:#fff
  }
  
  .btn-style-1:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-1:hover:before {
  left:120%;
  opacity:.25;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-2 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#DAED1A;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-2 a {
  display:flex;
  color:#04091E;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-2:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-2:hover {
  background-color:#AEBE0F;
  color:#fff
  }
  
  .btn-style-2:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-2:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-3 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FDCC04;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-3 a {
  display:flex;
  color:#000;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-3 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-3:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-3:hover {
  background-color:#E3B602;
  color:#000
  }
  
  .btn-style-3:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-3:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .btn-style-4 {
  cursor:pointer;
  display:inline-block;
  outline:none;
  overflow:hidden;
  width:160px;
  height:59px;
  text-align:center;
  line-height:59px;
  position:relative;
  background-color:#FF3F00;
  border-radius:8px;
  transition:all linear .5s
  }
  
  .btn-style-4 a {
  display:flex;
  color:#fff;
  gap:4PX;
  justify-content:center;
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .btn-style-4 a span svg {
  transition:all linear .5s;
  width:24px
  }
  
  .btn-style-4:before {
  background-color:#fff;
  content:"";
  height:150px;
  left:-75px;
  opacity:0;
  position:absolute;
  top:-35px;
  transform:rotate(35deg);
  transition:all 1.6s cubic-bezier(0.19,1,0.22,1);
  width:40px
  }
  
  .btn-style-4:hover {
  background-color:#E33800;
  color:#fff
  }
  
  .btn-style-4:hover a span svg {
  transform:translateX(10px)
  }
  
  .btn-style-4:hover:before {
  left:120%;
  opacity:.5;
  transition:all 1.3s cubic-bezier(0.19,1,0.22,1)
  }
  
  .header-four .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-four .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-four .header-right-inner .icon i:hover {
  color:#ff3f00
  }
  
  .header-four .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .header-four .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-four .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#ff3f00;
  transition:all .3s ease-out 0s
  }
  
  .header-four .nav-main .menu ul li a:hover {
  color:#ff3f00
  }
  
  .header-four .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-four .nav-main .menu ul li ul {
  border-top:2px solid #ff3f00
  }
  
  .header-left {
  display:flex;
  gap:32px
  }
  
  .header-main {
  display:flex;
  justify-content:space-between;
  align-items:center
  }
  
  .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-right-inner .icon i:hover {
  color:#2662fa
  }
  
  .header-three .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-three .header-right-inner .icon i {
  color:#fff;
  font-size:20px;
  transition:.5s
  }
  
  .header-three .header-right-inner .icon i:hover {
  color:#FDCC04
  }
  
  .header-three .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#fff;
  transition:.5s
  }
  
  .header-three .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .header-three .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#FDCC04;
  transition:all .3s ease-out 0s
  }
  
  .header-three .nav-main .menu ul li a:hover {
  color:#FDCC04
  }
  
  .header-three .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-three .nav-main .menu ul li ul {
  border-top:2px solid #FDCC04
  }
  
  .header-two .header-right-inner .icon {
  display:flex;
  gap:24px;
  line-height:0
  }
  
  .header-two .header-right-inner .icon i {
  color:#747681;
  font-size:20px;
  transition:.5s
  }
  
  .header-two .header-right-inner .icon i:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#DAED1A;
  transition:all .3s ease-out 0s
  }
  
  .header-two .nav-main .menu ul li a:hover {
  color:#DAED1A
  }
  
  .header-two .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .header-two .nav-main .menu ul li ul {
  border-top:2px solid #DAED1A
  }
  
  .hrader-left-item {
  display:flex;
  gap:12px;
  align-items:center
  }
  
  .hrader-left-item .text a {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p {
  font-weight:400;
  font-size:16px;
  color:#747681;
  transition:.5s
  }
  
  .hrader-left-item .text p:hover {
  text-decoration-line:underline
  }
  
  .menu-bg {
  padding-top:13px;
  position:fixed;
  width:100%;
  z-index:999
  }
  
  .menu-bg .btn-check:focus + .btn-outline-success {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success {
  color:#000;
  border-color:transparent;
  position:relative
  }
  
  .menu-bg .btn-outline-success i {
  position:absolute;
  top:13px;
  left:46px
  }
  
  .menu-bg .btn-outline-success:focus {
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .btn-outline-success:hover {
  color:#000;
  background-color:transparent;
  border-color:transparent
  }
  
  .menu-bg .form-control {
  text-align:center;
  display:block;
  width:100%;
  padding:10px 14px;
  font-size:16px;
  font-weight:500;
  line-height:0;
  color:#04091e;
  background-color:#04091e;
  border:1px solid transparent;
  border-radius:10px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .menu-bg .form-control:focus {
  color:#04091e;
  background-color:#04091e;
  border-color:transparent;
  outline:0;
  box-shadow:0 0 0 .25rem transparent
  }
  
  .menu-bg .nav-main {
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:14px;
  padding:12px;
  box-shadow:5px 6px 60px #111d3b0a
  }
  
  .menu-bg .nav-main .menu ul {
  display:flex;
  gap:38px;
  margin-bottom:0;
  padding-left:0
  }
  
  .menu-bg .nav-main .menu ul li {
  position:relative
  }
  
  .menu-bg .nav-main .menu ul li a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  position:relative;
  transition:all .3s ease-out 0s;
  text-transform:capitalize
  }
  
  .menu-bg .nav-main .menu ul li a:after {
  position:absolute;
  content:"";
  bottom:-5px;
  left:0;
  width:0;
  height:1px;
  background-color:#2662fa;
  transition:all .3s ease-out 0s
  }
  
  .menu-bg .nav-main .menu ul li a:hover {
  color:#2662fa
  }
  
  .menu-bg .nav-main .menu ul li a:hover::after {
  width:100%
  }
  
  .menu-bg .nav-main .menu ul li ul {
  display:block;
  opacity:0;
  visibility:hidden;
  position:absolute;
  width:200px;
  background-color:#fff;
  box-shadow:5px 6px 60px #111d3b0a;
  transition:all linear .5s;
  top:62px;
  left:-75px;
  text-align:start;
  border-top:2px solid #2662fa;
  padding:10px 20px
  }
  
  .menu-bg .nav-main .menu ul li ul li {
  line-height:35px
  }
  
  .menu-bg .nav-main .menu ul li:hover ul {
  opacity:1;
  visibility:visible;
  transform:translateY(-8px)
  }
  
  .menu-bg .nav-main .menu-main {
  display:flex;
  align-items:center;
  gap:80px
  }
  
  .menu-btn {
  line-height:0
  }
  
  @keyframes jump {
  100% {
  transform:translate3d(0,30%,0)
  }
  
  50% {
  transform:translate3d(0,0,0)
  }
  }
  
  #nav-cls-btn {
  position:absolute;
  right:15px;
  top:15px;
  background:none;
  border:none;
  outline:none;
  font-size:22px
  }
  
  #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#2662fa;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  #offcanvas-nav {
  background:transparent;
  position:absolute;
  left:-300px;
  top:0;
  z-index:99;
  width:300px;
  height:100vh;
  z-index:999999;
  transition:.5s ease
  }
  
  #offcanvas-nav .m-nav {
  position:relative;
  background-color:#fff;
  z-index:9;
  display:block;
  height:100%;
  overflow-y:scroll;
  padding:80px 25px 50px
  }
  
  #offcanvas-nav .m-nav .logo {
  margin-bottom:40px
  }
  
  #offcanvas-nav .m-nav .nav-links {
  flex-direction:column;
  align-items:stretch;
  gap:15px
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
  position:relative;
  box-shadow:none;
  padding-left:20px;
  padding-top:15px!important;
  padding-top:0;
  visibility:visible;
  opacity:1;
  display:none;
  transition:.5s ease-in 0s
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
  padding:5px 0
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
  font-size:15px;
  color:#000
  }
  
  #offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
  display:block
  }
  
  #offcanvas-nav .m-nav .nav-links li {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:20px
  }
  
  #offcanvas-nav .m-nav .nav-links li a {
  font-size:16px;
  color:#04091E
  }
  
  #offcanvas-nav .m-nav .nav-links li a::before {
  display:none
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 {
  gap:12px;
  margin-top:50px
  }
  
  #offcanvas-nav .m-nav > .social-icons-s1 li a::before {
  display:none
  }
  
  #offcanvas-nav li:last-of-type {
  border:0!important
  }
  
  #offcanvas-nav.open {
  left:0
  }
  
  #offcanvas-nav.open::before {
  width:100%
  }
  
  #offcanvas-nav::before {
  content:"";
  width:0;
  height:100%;
  background:#000c;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  transition:.5s ease .3s
  }
  
  .about-hero {
  background:url(../assets/image/About/about-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .about-hero .inner-bg-head {
  text-align:center
  }
  
  .about-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .about-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .about-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .about-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .about-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .back-to-top i {
  cursor:pointer;
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#2662FA;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-02 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#DAED1A;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-3 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#FDCC04;
  color:#000;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .back-to-top-4 i {
  position:fixed;
  bottom:40px;
  right:50px;
  height:50px;
  width:50px;
  background-color:#ff3f00;
  color:#fff;
  text-align:center;
  line-height:50px;
  border-radius:4px;
  font-size:20px;
  animation:jump 1s ease-in alternate infinite;
  display:none;
  z-index:555;
  transition:all .3s ease
  }
  
  .coming-soon {
  padding:105px 0 326px
  }
  
  .coming-soon-btn {
  display:flex;
  justify-content:center;
  margin-top:17px
  }
  
  .coming-soon-icon {
  display:flex;
  gap:16px;
  justify-content:center;
  margin-top:60px
  }
  
  .coming-soon-icon .icon {
  height:36px;
  width:36px;
  background-color:#E2E8F0;
  border-radius:8px;
  text-align:center;
  line-height:36px;
  transition:all .5s
  }
  
  .coming-soon-icon .icon span svg {
  stroke:currentColor;
  color:#718096;
  transition:all .5s
  }
  
  .coming-soon-icon .icon-1 {
  height:36px;
  width:36px;
  background-color:#2662FA;
  border-radius:8px;
  text-align:center;
  line-height:36px
  }
  
  .coming-soon-icon .icon-1 span svg {
  stroke:currentColor;
  color:#fff
  }
  
  .coming-soon-icon .icon:hover {
  background-color:#2662FA
  }
  
  .coming-soon-icon .icon:hover span svg {
  color:#fff
  }
  
  .coming-soon-item {
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:36px
  }
  
  .coming-soon-item .coming-soon-inner {
  padding:15px 35px;
  border:2px solid #E8EDFF;
  border-radius:8px
  }
  
  .coming-soon-item .coming-soon-inner h2 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#000
  }
  
  .coming-soon-item .coming-soon-inner p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#718096
  }
  
  .coming-soon-item span {
  color:#CBD5E0;
  font-size:50px
  }
  
  .coming-soon-text {
  text-align:center
  }
  
  .coming-soon-text h2 {
  font-weight:600;
  font-size:48px;
  line-height:140%;
  color:#000
  }
  
  .coming-soon-text p {
  font-weight:400;
  font-size:20px;
  line-height:160%;
  color:#718096;
  padding-top:4px
  }
  
  .comming-soon-img {
  position:relative
  }
  
  .comming-soon-img .comming-soon-img-1 {
  position:absolute;
  top:0;
  left:-327px
  }
  
  .comming-soon-img .comming-soon-img-2 {
  position:absolute;
  bottom:-758px;
  right:-373px
  }
  
  .container-full {
  width:100%
  }
  
  .copyright {
  padding:22px 0;
  margin-top:120px;
  border-top:1px solid #7476813b
  }
  
  .copyright-text h5 {
  font-weight:500;
  font-size:20px;
  text-align:center;
  color:#fff
  }
  
  .copyright-text h5 a {
  color:#fff;
  text-decoration-line:underline
  }
  
  .footer-five {
  padding:120px 0 0
  }
  
  .footer-five .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-five .footer-logo-icon .active-one i {
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px
  }
  
  .footer-five .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-five .footer-logo-icon i:hover {
  background-color:#FF3F00;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-five .footer-menu {
  margin-top:0
  }
  
  .footer-five .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .footer-services-menu {
  margin-top:0
  }
  
  .footer-five .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-five .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-five .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-five .footer-services-menu ul li a:hover {
  color:#FF3F00
  }
  
  .footer-five .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-five .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FF3F00;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-five .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-five .official-btn-right:hover a {
  color:#FF3F00
  }
  
  .footer-five .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-five .official-inner .icon i {
  color:#FF3F00;
  font-size:20px
  }
  
  .footer-four {
  padding:120px 0 0
  }
  
  .footer-four .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-four .footer-logo-icon .active-one i {
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-four .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-four .footer-logo-icon i:hover {
  background-color:#FDCC04;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-four .footer-menu {
  margin-top:0
  }
  
  .footer-four .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .footer-services-menu {
  margin-top:0
  }
  
  .footer-four .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-four .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-four .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-four .footer-services-menu ul li a:hover {
  color:#FDCC04
  }
  
  .footer-four .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-four .official-btn-right {
  width:128px;
  height:60px;
  background-color:#FDCC04;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right a {
  font-weight:500;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-four .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-four .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-four .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-four .official-inner .icon i {
  color:#FDCC04;
  font-size:20px
  }
  
  .footer-link-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-link-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-logo-icon i:hover {
  background-color:#2662FA;
  color:#fff;
  transform:translateY(-10px)
  }
  
  .footer-logo-item {
  border-right:1px solid #74768162;
  padding-right:33px
  }
  
  .footer-logo-text {
  padding-top:21px
  }
  
  .footer-logo-text p {
  font-weight:400;
  font-size:17px;
  line-height:152%;
  color:#FFF;
  opacity:.8
  }
  
  .footer-menu {
  margin-top:0
  }
  
  .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-df {
  border-right:1px solid #74768162;
  display:flex;
  justify-content:center
  }
  
  .footer-services-menu {
  margin-top:0
  }
  
  .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-services-menu ul li a:hover {
  color:#2662FA
  }
  
  .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-services-text h2 {
  font-weight:600;
  font-size:24px;
  color:#fff
  }
  
  .footer-three {
  padding:120px 0 0
  }
  
  .footer-three .footer-logo-icon {
  display:flex;
  gap:10px;
  margin-top:36px
  }
  
  .footer-three .footer-logo-icon .active-one i {
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px
  }
  
  .footer-three .footer-logo-icon i {
  width:40px;
  height:40px;
  background-color:#ffffff1e;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  color:#747681;
  font-size:20px;
  transition:all linear .5s
  }
  
  .footer-three .footer-logo-icon i:hover {
  background-color:#DAED1A;
  color:#04091E;
  transform:translateY(-10px)
  }
  
  .footer-three .footer-menu {
  margin-top:28px
  }
  
  .footer-three .footer-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .footer-services-menu {
  margin-top:28px
  }
  
  .footer-three .footer-services-menu ul {
  padding:0;
  margin:0
  }
  
  .footer-three .footer-services-menu ul li {
  padding-bottom:19px
  }
  
  .footer-three .footer-services-menu ul li a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5;
  transition:all linear .5s
  }
  
  .footer-three .footer-services-menu ul li a:hover {
  color:#DAED1A
  }
  
  .footer-three .footer-services-menu ul li:last-child {
  padding-bottom:0
  }
  
  .footer-three .official-btn-right {
  width:128px;
  height:60px;
  background-color:#DAED1A;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#04091E;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .footer-three .official-btn-right:hover {
  background-color:#fff
  }
  
  .footer-three .official-btn-right:hover a {
  color:#04091E
  }
  
  .footer-three .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .footer-three .official-inner .icon i {
  color:#DAED1A;
  font-size:20px
  }
  
  .footer-two {
  padding:120px 0 0
  }
  
  .inner-bg {
  background:url(../assets/image/others/banner/inner-bg.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#04091E
  }
  
  .inner-bg-two {
  background:url(../assets/image/others/banner/inner-bg-2.png) no-repeat center/cover;
  padding:238px 0 116px
  }
  
  .inner-bg-two .icon i {
  color:#fff;
  font-size:20px
  }
  
  .inner-bg-two .inner-bg-head {
  text-align:center
  }
  
  .inner-bg-two .inner-bg-head h1 {
  color:#fff
  }
  
  .inner-bg-two .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-bg-two .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#04091E
  }
  
  .lawyer-hero {
  background:url(../assets/image/Lawyer/about-bg-1.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .lawyer-hero .inner-bg-head {
  text-align:center
  }
  
  .lawyer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .lawyer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .lawyer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .lawyer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .lawyer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .mobile-header {
  display:none
  }
  
  .mobile-header__container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px
  }
  
  .official {
  padding-left:26px
  }
  
  .official-btn {
  display:flex
  }
  
  .official-btn .official-btn-left {
  margin-right:0;
  padding-right:0
  }
  
  .official-btn .official-btn-left .f-b-text {
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  height:60px;
  width:223px;
  padding:0 20px;
  background-color:#ffffff31;
  border:1px solid transparent;
  font-family:"Roboto",sans-serif,sans-serif;
  font-weight:400;
  font-size:16px;
  color:#fff
  }
  
  .official-btn .official-btn-right {
  width:128px;
  height:60px;
  background-color:#2662fa;
  display:flex;
  align-items:center;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right a {
  font-weight:400;
  font-size:18px;
  color:#fff;
  padding-left:26px;
  padding-right:31px;
  transition:all linear .5s
  }
  
  .official-btn .official-btn-right:hover {
  background-color:#fff;
  color:#2662fa
  }
  
  .official-btn .official-btn-right:hover a {
  color:#2662FA
  }
  
  .official-btn-left-two {
  background-color:#EDF2F7;
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  width:334px
  }
  
  .official-btn-right-2 {
  border:1px solid #2662FA
  }
  
  .official-btn-right-2:hover {
  border:1px solid #2662FA
  }
  
  .official-inner {
  display:flex;
  gap:8px;
  padding-bottom:6px
  }
  
  .official-inner .icon i {
  color:#2662FA;
  font-size:20px
  }
  
  .official-inner .text a {
  font-weight:400;
  font-size:18px;
  color:#F5F5F5
  }
  
  .official-item {
  margin-top:0
  }
  
  .official-text h2 {
  font-weight:600;
  font-size:24px;
  color:#FFF
  }
  
  .official-text-two {
  margin-top:24px
  }
  
  .official-text-two p {
  font-weight:500;
  font-size:20px;
  color:#FFF;
  padding-bottom:16px
  }
  
  .official-text-two-2 p {
  font-weight:500;
  font-size:20px;
  line-height:160%;
  color:#1A202C!important
  }
  
  .p-right-2 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-3 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#FF3F00;
  color:#fff;
  border-radius:5px;
  font-size:18px
  }
  
  .p-right-4 #nav-opn-btn {
  width:40px;
  height:40px;
  border:none;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:5px;
  font-size:18px
  }
  
  .photographer-hero {
  background:url(../assets/image/Photographer/service-bg.png) no-repeat center/cover;
  padding:272px 0 133px
  }
  
  .photographer-hero .inner-bg-head {
  text-align:center
  }
  
  .photographer-hero .inner-bg-head h1 {
  font-weight:700;
  font-size:48px;
  line-height:140%;
  color:#fff
  }
  
  .photographer-hero .inner-item {
  display:flex;
  align-items:center;
  gap:17px;
  justify-content:center;
  padding-top:8px;
  text-transform:capitalize
  }
  
  .photographer-hero .inner-item .icon i {
  color:#fff!important
  }
  
  .photographer-hero .inner-item .inner-text a {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .photographer-hero .inner-item .inner-text h5 {
  font-weight:400;
  font-size:20px;
  color:#fff
  }
  
  .skills {
  padding:80px 0;
  background:url(../assets/image/others/banner/skills-bg.png) no-repeat center/cover
  }
  
  .skills .skill-rigght-btn {
  margin-top:40px;
  line-height:0
  }
  
  .skills .skill-rigght-btn a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500
  }
  
  .skills .skill-rigght-btn a span svg {
  fill:currentColor;
  color:#fff
  }
  
  .skills .skill-rigght-btn a:hover a span svg {
  transform:translateY(10px)
  }
  
  .skills .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-1 {
  margin-top:118px
  }
  
  .skills-three {
  padding:80px 0;
  background:url(../assets/image/others/banner/skill-3.png) no-repeat center/cover
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-three .skill-rigght-btn-two .btn-style-2 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .skills-three .skill-right p {
  font-weight:400;
  font-size:24px;
  line-height:150%;
  color:#F4F8F7
  }
  
  .skills-three .skill-text h2 {
  font-weight:700;
  font-size:48px;
  line-height:67.2px;
  color:#fff
  }
  
  .skills-two {
  background:url(../assets/image/others/banner/skill-two-bg.png) no-repeat center/cover
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 {
  background-color:#FFD233
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a {
  font-family:"Roboto",sans-serif,sans-serif;
  font-size:16px;
  font-weight:500;
  color:#04091E;
  gap:4PX
  }
  
  .skills-two .skill-rigght-btn-two .btn-style-1 a span svg {
  transition:all linear .5s;
  width:24px;
  color:#04091E
  }
  
  .slick-two-2 {
  padding-top:0
  }
  
  .social-icons {
  display:flex;
  gap:20px
  }
  
  .social-icons a i {
  height:40px;
  width:40px;
  background-color:#2662fa;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-2 {
  display:flex;
  gap:20px
  }
  
  .social-icons-2 a i {
  height:40px;
  width:40px;
  background-color:#FDCC04;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-2 a i:hover {
  background-color:#04091E;
  color:#FDCC04
  }
  
  .social-icons-3 {
  display:flex;
  gap:20px
  }
  
  .social-icons-3 a i {
  height:40px;
  width:40px;
  background-color:#FF3F00;
  color:#fff;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-3 a i:hover {
  background-color:#04091E;
  color:#fff
  }
  
  .social-icons-4 {
  display:flex;
  gap:20px
  }
  
  .social-icons-4 a i {
  height:40px;
  width:40px;
  background-color:#DAED1A;
  color:#04091E;
  border-radius:50px;
  text-align:center;
  line-height:40px;
  transition:.5s;
  font-size:20px;
  transition:all .5s
  }
  
  .social-icons-4 a i:hover {
  background-color:#04091E;
  color:#DAED1A
  }
  
  :focus-visible {
  outline:-webkit-focus-ring-color auto 0
  }
  
  footer {
  padding-top:120px;
  background:url(../assets/image/others/banner/Footer-bg.png) no-repeat center/cover
  }